A full-stack e-commerce application built with Django REST Framework and React.
The project combines a REST API backend with a React frontend to create a complete web application and serves as a practical project for learning how modern frontend and backend applications communicate through APIs.
- Product-focused e-commerce interface
- REST API powered by Django REST Framework
- React frontend
- Frontend-to-backend API communication
- Separate backend and frontend applications
- Structured full-stack architecture
- Python
- Django
- Django REST Framework
- React
- JavaScript
The application is divided into two main parts:
drf-react-ecom/
├── backend/
│ └── Django + Django REST Framework
│
└── frontend/
└── React application
The React frontend communicates with the Django REST API to retrieve and manipulate application data.
cd backend
python -m venv venv
source venv/bin/activate
pip install -r requirements.txt
python manage.py migrate
python manage.py runserverIn a separate terminal:
cd frontend
npm install
npm run devThe frontend and backend can then be run simultaneously during development.
This project helped me gain practical experience with full-stack application development, particularly:
- Building REST APIs with Django REST Framework
- Connecting a React frontend to a backend API
- Separating frontend and backend responsibilities
- Working with HTTP requests and API responses
- Structuring a full-stack application
- Managing development environments for separate frontend and backend projects
drf-react-ecom/
│
├── backend/ # Django REST Framework backend
│
└── frontend/ # React frontend
- Improve UI/UX and responsive design
- Add comprehensive automated tests
- Improve API documentation
- Add more advanced product filtering and search
- Add additional e-commerce functionality
- Deploy the application
Completed learning project
Built to gain hands-on experience developing a full-stack application using Django REST Framework and React.