A full-stack application using Django (backend) and React with Apollo Client (frontend). The app features product listing and detailed view functionalities via a GraphQL API.
- Set Up Django Project: Install Django, create a project and app, and configure settings.
- Create Product Model: Define the Product model with fields for name, description, price, stock, etc.
- Apply Migrations: Create and apply migrations to update the database schema.
- Set Up GraphQL: Install Graphene, define GraphQL schema, and set up GraphQL endpoint.
- Set Up React Project: Use Create React App and install Apollo Client.
- Create Apollo Client: Set up Apollo Client in the main entry file.
- Create Components: Develop
ProductList
andProductDetail
components for listing and detailed views. - Set Up Routing: Configure React Router for navigation between list and detail pages.
- Deploy Backend to Heroku: Set up Heroku, configure PostgreSQL, update settings, and deploy.
- Deploy Frontend to Vercel: Use Vercel CLI to deploy the React app.
- Push the code to GitHub and create a pull request.
- Record and share a video demonstrating the project.
- Provide the GitHub repository and video link.