A mock clothing store application built with React, demonstrating the use of React Router, state management with modern styling and animation techniques.
- Multi-page application with React Router
- Dynamic shopping cart that updates in real-time
- Responsive design using Tailwind CSS
- Smooth animations with GSAP
- React
- Vite
- React Router
- Node.js
- Tailwind CSS
- GSAP (GreenSock Animation Platform)
- Node.js (v14 or later recommended)
- npm or yarn
-
Clone the repository:
git clone https://github.com/your-username/react-shopping-cart.git
-
Navigate to the project directory:
cd Eunoia
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
The application should now run on http://localhost:5173
(or another port if 5173 is occupied).
Product information is stored in a static JSON file at public/products/products.json
. To modify the product catalog, edit this file directly.
This project uses Tailwind CSS for styling. The main Tailwind configuration is in tailwind.config.js
at the project's root. Custom styles can be added in src/index.css
.
The project is available under the MIT License.