The eShop App is a full-stack web application that allows users to authenticate and shop for various products. With an interactive front-end, users can browse through product listings, add items to their cart, and proceed to checkout. The backend handles user registration, login, and checkout processes, ensuring e-commerce platform.
Before diving into the eShop App, you'll need to have the following tools installed on your system:
The application is crafted using a combination of the following technologies:
- Node.js: For server-side logic.
- Express.js: Web framework for creating API endpoints.
- Mongoose: For schema-based solution to model application data.
- jsonwebtoken: To create encoded JWTs for auth.
- bcrypt: For password hashing and security.
- React: To build a dynamic user interface.
- axios: For making HTTP requests from the frontend.
- react-router-dom: For routing and navigation.
- react-icons: To enhance the UI with icons.
Follow these instructions to get your copy of the eShop App up and running on your local machine for development and testing purposes.
-
Clone the repository:
git clone https://github.com/elenejavakhishvili638/eShop.git
-
Change to the project directory:
cd eShop -
For backend setup, navigate to the backend directory and run:
npm install
-
Create a
.envfile in the project root for the backend. Configure the necessary environment variables, including the MongoDB connection URI, JWT secret, and other pertinent details. -
Start the backend server:
npm run dev
-
For frontend setup, navigate to the frontend directory and run:
npm install
-
Start the frontend development server:
npm run dev
The eShop application should now be running locally. By default, the backend should be at http://localhost:3001 and frontend at http://localhost:3000.