https://github.com/gaurav-026/fashion-villa---shopping-app
This is an e-commerce application that shows a list of products and allow them to add in a virtual cart.
https://github.com/gaurav-026/fashion-villa---shopping-app
api-integration dynamic-rendering e-commerce reactjs redux-toolkit state-management
Last synced: 3 months ago
JSON representation
This is an e-commerce application that shows a list of products and allow them to add in a virtual cart.
- Host: GitHub
- URL: https://github.com/gaurav-026/fashion-villa---shopping-app
- Owner: gaurav-026
- Created: 2024-08-17T11:13:14.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-03-24T13:47:10.000Z (3 months ago)
- Last Synced: 2025-03-24T14:37:56.039Z (3 months ago)
- Topics: api-integration, dynamic-rendering, e-commerce, reactjs, redux-toolkit, state-management
- Language: JavaScript
- Homepage: https://fashionvilla-by-gaurav.netlify.app/
- Size: 900 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Getting Started
Install all the dependencies of the application using "npm install" command
Run the development server:
npm run dev
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Features
E-commerce shopping cart that fetch products from API and add them to the cart.
Initialized a centralized storage Redux for store management.
Tech used: Next.js, Redux, TailwindCSS, Git
Npm Packages: Toastify, react-icons
Challenges:
- Setting up the Redux store in Next.js as I am new to Next.js. Next.js has server components by default and settting up the redux is based on client side. That's why I learned to setup the redux in Next.js.
- Implementation of local storage. It was working perfectly in the application but There was the issue that Next.js components are server-rendered by default. Components are pre-rendered into HTML on the server before being sent to the client. The window object is not available on the server.
- Making Slider responsve