Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mzilinassim/ecommerce
E-commerce - browse products, add them to their cart, and make purchases
https://github.com/mzilinassim/ecommerce
axios bootstrap-icons cors dotenv express netlify-deployment react react-router-dom reactjs redux redux-toolkit vite
Last synced: 2 days ago
JSON representation
E-commerce - browse products, add them to their cart, and make purchases
- Host: GitHub
- URL: https://github.com/mzilinassim/ecommerce
- Owner: mziliNassim
- Created: 2024-12-24T20:12:54.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-01-27T00:46:30.000Z (3 days ago)
- Last Synced: 2025-01-27T01:18:55.239Z (3 days ago)
- Topics: axios, bootstrap-icons, cors, dotenv, express, netlify-deployment, react, react-router-dom, reactjs, redux, redux-toolkit, vite
- Language: JavaScript
- Homepage: https://ecommerce.nassim.online
- Size: 3.88 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# E-commerce -- Projet de fin de Module M204
## Navigation
- [Preview](#preview)
- [Description du projet](#description-du-projet)
- [Features](#features)
- [Technologie Utilisé](#technologie-utilisé)
- [Installation et Utilisation](#installation-et-utilisation)
- [Installation](#installation)
- [Utilisation](#utilisation)
## Preview
Discover the live demo [here](https://ecommerce.nassim.online/)
## Description du projet
E-commerce website built using React, Redux, and other modern web technologies. The website allows users to browse products, add them to their cart, and make purchases. It also includes features like user authentication, product filtering, and sorting. The project is designed to be responsive and user-friendly. The website is hosted on Netlify and can be accessed [here](https://ecommerce.nassim.online/).
## Features
- User authentication (register, login, and logout).
- Product browsing with detailed product pages.
- Shopping cart functionality.
- Product filtering and sorting by categories.
- Responsive design for seamless use on mobile, tablet, and desktop devices.
## Technologie Utilisé
- **Frontend**: React JS
- **Styling**: Tailwind CSS
- **Routing**: React Router Dom
- **API && Requests**: Axios
- **State Management**: Redux Toolkit
- **backend/authentification** : Node JS, Epress
- **Deploiement** : Netify
## Installation et Utilisation
### Installation
1. Clone the repository:
```bash
git clone https://github.com/mziliNassim/ecommerce.git
```
2. Navigate to the project directory:
```bash
cd ecommerce
```
3. Install the Frontend dependencies:
```bash
cd client
npm install
```
4. Install the backend dependencies:
```bash
cd server
echo "PORT=5000" > .env
npm install
```
### Utilisation
1. Start the development
```bash
# Start the development client side:
npm run dev
# Start the development server side:
npm run start
```
2. Open your browser and navigate to `http://localhost:5173/` to view the website.