Pandana - React & TypeScript E-commerce Mini Project

This is a mini e-commerce project built with React and TypeScript as a portfolio sample.

✨ Features

• Pages: Home, Products, Product Details, Cart, Profile, and Login
• Authentication: Users can log in
• Cart Management: Add, remove, increase, and decrease items
• State Management: Implemented using React Context for both cart and authentication
• Custom Hooks: Used to optimize and modularize the code
• Local Storage: Data persistence for cart items
• Product Data: Fetched from Fake Store API using Axios
• Routing: Implemented using react-router-dom
• Private Routes: Protected routes for authenticated users only
• Styling: Fully responsive design with Tailwind CSS

⚙️ Installation & Setup

1. Clone the repository:

   git clone https://github.com/simindev/pandana.git
      cd pandana
   

2. Install dependencies:

   npm install
   

3. Start the development server:

   npm run dev
   

🖼️ Screenshots

Here are some screenshots of the project: