Eunoia

A mock clothing store application built with React, demonstrating the use of React Router, state management with modern styling and animation techniques.

Features

• Multi-page application with React Router
• Dynamic shopping cart that updates in real-time
• Responsive design using Tailwind CSS
• Smooth animations with GSAP

Technologies Used

• React
• Vite
• React Router
• Node.js
• Tailwind CSS
• GSAP (GreenSock Animation Platform)

Getting Started

Prerequisites

• Node.js (v14 or later recommended)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/your-username/react-shopping-cart.git
   

2. Navigate to the project directory:

   cd Eunoia
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   npm run dev
   

The application should now run on http://localhost:5173 (or another port if 5173 is occupied).

Product Data

Product information is stored in a static JSON file at public/products/products.json. To modify the product catalog, edit this file directly.

Styling

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.

License

The project is available under the MIT License.