https://github.com/deepashrisg/outlet
Ecommerce Website using Redux(state-Management)
https://github.com/deepashrisg/outlet
react-components react-redux react-router react-router-dom reactjs redux redux-middleware redux-store redux-thunk redux-toolkit reduxtoolkit tailwindcss
Last synced: 3 months ago
JSON representation
Ecommerce Website using Redux(state-Management)
- Host: GitHub
- URL: https://github.com/deepashrisg/outlet
- Owner: DeepaShriSG
- Created: 2024-11-27T17:59:17.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-28T16:53:29.000Z (over 1 year ago)
- Last Synced: 2025-02-14T20:59:36.282Z (over 1 year ago)
- Topics: react-components, react-redux, react-router, react-router-dom, reactjs, redux, redux-middleware, redux-store, redux-thunk, redux-toolkit, reduxtoolkit, tailwindcss
- Language: JavaScript
- Homepage: https://outletecom.netlify.app/
- Size: 2.85 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# E-Commerce React Project
This is a modern, fully functional e-commerce web application built with React. It uses Redux Toolkit for state management and TailwindCSS for styling, ensuring scalability and responsiveness.
---
## Features
- **Product Listing**: Display a list of products with detailed views.
- ** Filter **: Easily find products using filter options.
- **Cart Management**: Add, remove, and update products in the shopping cart.
- **Authentication**: Secure login and signup using Google OAuth.
- **Error Handling**: Comprehensive error boundary implementation.
- **Responsive Design**: Built with TailwindCSS for a seamless user experience across devices.
- **Notifications**: Toast notifications for user interactions.
---
## Tech Stack
- **Frontend**: React, React Router, React Error Boundary
- **State Management**: Redux Toolkit, React-Redux
- **Styling**: TailwindCSS
- **API**: Axios for data fetching
- **Authentication**: Google OAuth via `@react-oauth/google`
- **Utilities**:
- `@headlessui/react` for accessible UI components
- `@heroicons/react` for consistent iconography
- `react-toastify` for notifications
- `react-intersection-observer` for optimized lazy loading
---
## Installation and Setup
### Prerequisites
Make sure you have the following installed:
- Node.js (v16+ recommended)
- npm or yarn
### Steps
1. **Clone the repository**:
```bash
git clone https://github.com/your-repo/e-commerce-react.git
cd e-commerce-react
For Setup:
npm install
Future Enhancements
Add a wishlist feature.
Implement user reviews and ratings for products.
Optimize SEO and performance using SSR or Next.js.
Integrate payment gateways.
Acknowledgments
Redux Toolkit Documentation
TailwindCSS Documentation
React Toastify
Tailwindcss Setup
npm install @headlessui/react
Google Authentication
npm install @react-oauth/google@latest