https://github.com/mainbank5/ecommerce
This is an ecommerce project built with Reactjs, Typescript and Tailwindcss using React-Redux toolkit for state management
https://github.com/mainbank5/ecommerce
redux-toolkit
Last synced: 12 days ago
JSON representation
This is an ecommerce project built with Reactjs, Typescript and Tailwindcss using React-Redux toolkit for state management
- Host: GitHub
- URL: https://github.com/mainbank5/ecommerce
- Owner: MainBank5
- Created: 2024-03-01T18:58:53.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-03T06:39:03.000Z (about 2 years ago)
- Last Synced: 2025-02-27T08:57:50.546Z (over 1 year ago)
- Topics: redux-toolkit
- Language: TypeScript
- Homepage: https://ecommerce-green-phi.vercel.app
- Size: 3.18 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Overview
This project is built with React, TypeScript, Tailwind CSS, and utilizes Vite as the build tool. For state management, we've employed Redux Toolkit.
## Installation
To run this project locally, follow these steps:
Clone this repository to your local machine.
Navigate to the project directory.
Run npm install to install all dependencies.
After installation, run npm start to start the development server.
Open your browser and navigate to http://localhost:3000 to view the application.
## Features
- Product Listings: Browse through a wide range of products available for purchase.
- Product Details: View detailed information about each product, including images, descriptions, and pricing.
- Shopping Cart: Add products to your cart and manage your cart contents.
- Checkout: Complete the purchase process securely.
- User Authentication: Sign up and log in to your account for personalized shopping experience.
## Technologies Used
- React: JavaScript library for building user interfaces.
- TypeScript: Superset of JavaScript that adds static typing.
- Tailwind CSS: Utility-first CSS framework for rapid UI development.
- Vite: Next-generation front-end tooling for React projects.
- Redux Toolkit: Simplified state management library for React applications.
## Project Structure
- src/API - contains react tanstack query logic for consuming data from a products api
- src/hooks - contains a resuable hook
- src/components: Contains reusable React components used throughout the project.
- src/pages: Contains individual pages/components of the application.
- src/store: Contains Redux related files, including reducers, actions, and store configuration.
- src/services: Contains services for API interactions, authentication, etc.
- src/styles: Contains global styles and Tailwind CSS configuration.
- public: Contains static assets like images and icons.