Shopping-cart
A simple Shopping-cart built with React and Django REST Framework(DRF).
Dependencies
- Python3+
- Node
- PostgreSQL
Getting Started
Installation
Clone this repository:
git clone https://github.com/damnee562/shopping-cart.git
Create virtualenv and install all requirements in backend directory:
cd shopping-cart/backend/
python3 -m venv venv_name
source venv_name/bin/activate
pip install -r requirements.txt
Install all needed node_modules in frontend directory:
cd shopping-cart/frontend/
yarn install
or with npm:
npm install
Prepare database in postgreSQL:
sudo -u postgres psql
CREATE DATABASE shopping_cart; # Don't forget the semicolon in the end
# Quit postgresql shell
\q
Set up database connection in shopping-cart/backend/backend/settings.py in DATABASES section:
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.postgresql_psycopg2',
'NAME': 'shopping_cart',
'USER': 'YOUR_USERNAME', # replace with your own username
'PASSWORD': 'YOUR_PASSWORD', # replace with your own password
'HOST': 'localhost',
'PORT': ''
}
}
Fire up backend server:
cd shopping-cart/backend/
python manage.py migrate
python manage.py runserver
Open another terminal for frontend server:
cd shopping-cart/frontend/
yarn start
or with npm:
npm start
Screenshots
Shopping page
Filter products
Add product into cart
Cart page
Account page
Check orders and Manage products
Add new product
Built With
- React - A JavaScript library for building UI
- Semantic UI React - A React UI framework
- Redux - A predictable state container for JavaScript apps
- Django REST framework - A powerful and flexible toolkit for building Web APIs
- django-rest-framework-jwt - JSON Web Token Authentication support for Django REST framework
- axios - A Promised based HTTP client
- toastr - Simple javascript toast notifications
License
This project is licensed under the MIT License - see the LICENSE file for details.