E-commerce App

Welcome to the E-Commerce App! This project is built with GraphQL, TypeScript, Express, Mongoose, React, URQL, Redux Toolkit, and Tailwind CSS.

Features

• GraphQL API: Utilizing the power of GraphQL for flexible and efficient data querying.
• MongoDB Database: MongoDB with Mongoose for a scalable and schema-based data storage.
• Express Backend Server: A robust backend server built with Express for handling API requests.
• React Frontend: A dynamic and responsive React frontend for an engaging user experience.
• URQL for GraphQL: Efficient GraphQL client for querying and mutating data on the frontend.
• Redux Toolkit: State management with Redux Toolkit for predictable and scalable state logic.
• Tailwind CSS: Styling the UI with Tailwind CSS for a modern and clean look.
• Pagination: Pagination and filtering for products.
• Responsive Design: Ensuring a great user experience across various devices.

Link to deployment

Development

Setup

1. Clone the repo

   git clone https://github.com/abidta/e-commerce-redux.git

2. Go to the project folder

   cd e-commerce-redux

3. First setup backend, Navigate to the server directory

4. Install packages with npm, yarn or pnpm

   npm install

5. Configure environment variables in the.env file.

6. Start the server. In a development environment, just do:

   npm run dev

   Your GraphQL API is available at http://localhost:4000/graphql

7. Then setup frontend, Navigate to the client directory

8. Install packages with npm, yarn or pnpm

   npm install

9. Start the server. In a development environment, just do:

   npm run dev

10. Admin page at /admin endpoint. Admin can add and manage products.

Happy Coding!!! ❤️