Audiophile E-commerce is a frontend application allowing users to browse, register, login, and manage product listings (create, read, update, delete). This repository contains the client-side (frontend) part of the application, built with React and interacting with a backend API for a seamless shopping experience. I created this project to simulate a real-world application and demonstrate my full-stack development skills. This project is primarily aimed at recruiters to showcase my abilities and help me land a job.
You can find the server-side (backend) repository here.
You can find live application here.
Frontend:
- React
- React Router
- Context API
- Fetch API
- TailwindCSS
- Vite
Backend:
- Express
- MongoDB
- Mongoose
- JSON Web Tokens for authentication
- User authentication and authorization
- Cart management
- Checkout process
- Auto login using refresh tokens for seamless user experience
- Using http-only cookies for authentication for safety against CSRF attacks
- Node.js
- Npm
- Git
- Clone the repository
git clone git@github.com:karimAoulallay/audiophile-ecommerce.git- Navigate to the cloned repository
cd audiophile-ecommerce- Install dependencies
npm install- Create a .env file, and add the following VITE_BASE_API_URL with your server URL :
VITE_BASE_API_URL=http://localhost:3000- Start the server
npm run dev- Important: You must also clone and set up the server-side repository. Follow the instructions in the server-side repository to get it up and running.
This project is licensed under the MIT License - see the LICENSE file for details.