ProShop Mk I is a comprehensive E-commerce application built using the MERN stack (MongoDB, Express.js, React, Node.js). This project is in active development and currently about 50% complete.
- Description
- Features
- Backend
- Frontend
- Usage
- Dependencies
- Setup
- Environment Variables
- License
- Feedback
- Repository
ProShop Mk I aims to provide a robust and modern E-commerce platform. The application features a responsive and user-friendly interface, allowing users to browse, search, and view products with ease. The backend is designed to efficiently manage product data and support the frontend operations through a RESTful API.
- Product List: Displays a list of all available products.
- Product Cards: Individual cards for each product, showing key details like name, price, and image.
- Carousel: A rotating carousel that showcases top products.
- Backend: A robust backend built with Express.js that serves product data to the frontend.
- User Authentication: Enable users to register, log in, and manage their profiles.
- Shopping Cart: Allow users to add products to a shopping cart and proceed to checkout.
- Payment Integration: Integrate with a payment gateway to handle transactions.
- Product Reviews: Enable users to leave reviews for products.
- Admin Dashboard: Provide a dashboard for admins to manage products, users, and orders.
The backend of ProShop Mk I is built with Express.js, serving product data from a MongoDB database. It includes routes for fetching all products and individual product details by ID.
The frontend is built with React and styled using Bootstrap. It provides a modern and responsive user interface, displaying product data fetched from the backend.
To start the backend server, navigate to the root directory and run:
npm run server
To start the frontend application, navigate to the frontend directory and run:
npm start --prefix frontend
Alternatively, start both the backend and frontend servers concurrently from the root directory using:
npm start
- React
- Express.js
- Bootstrap
- dotenv
- axios
- react-router-dom
- concurrently
- Clone the repository:
git clone https://github.com/Anastasios3/proshop-demo.git
- Navigate to the project directory:
cd proshop-v2
- Install the dependencies:
npm install
- Navigate to the frontend directory and install frontend dependencies:
cd frontend
npm install
- Start the application:
npm start
Create a .env
file in the root directory and add the following environment variables:
PORT=8000
NODE_ENV=development
MONGO_URI=your_mongodb_connection_string
This project is licensed under the MIT License. See the LICENSE file for details.
Your feedback is invaluable to the development of this project. Please check out the repository and let us know what you think. Any suggestions or insights are greatly appreciated.
You can find the repository at ProShop Mk I.
Thank you for your time and interest in ProShop Mk I!