Ecommerce website

Fully functional e-commerce website with back-end using Django and front-end using React. Integrated with Stripe for payments and used React-bootstrap components for styling. Project is live at: https://proshop-web.vercel.app.

Demo video

demo.mp4

Instructions

To run this project locally on your machine,

1. Clone this repository.
2. Make sure you have python and node installed.
3. Open this project and run following cmd to install dependencies:

pip3 install requirements.txt

4. Create a .env file with contents as .env.example file.

SECRET_KEY=
DEBUG=
STRIPE_API_KEY=
DATABASE_URL=

In case you do not want to provide a database url, uncomment line 87 to 92 in settings.py file.

drf-react-ecommerce/backend/settings.py

Lines 87 to 92 in d31c353

	# DATABASES = {
	# 'default': {
	# 'ENGINE': 'django.db.backends.sqlite3',
	# 'NAME': BASE_DIR / 'db.sqlite3',
	# }
	# }

Also comment line 94 in same file.

drf-react-ecommerce/backend/settings.py

Line 94 in d31c353

DATABASES = {'default': dj_database_url.config(default=os.environ['DATABASE_URL'], engine='django.db.backends.postgresql')}

5. Now run following cmds to create and run migrations.

python3 manage.py makemigrations
python3 manage.py migrate

6. Now turn on the server using

python3 manage.py runserver

Now the application is running at port 8000 by default i.e. http://127.0.0.1:8000.

Credits:

Django with React | An Ecommerce Website.