FashionFiesta E-commerce Website
Welcome to FashionFiesta, your go-to e-commerce platform for the latest in fashion! This application is a modern, user-friendly online shopping website built using React and Vite, featuring categories such as Men, Women, Kids, Footwear, and Accessories.
Features Dynamic Product Categories: Browse a variety of products, organized by categories such as Men, Women, Kids, Footwear, and Accessories. Product Details Page: View detailed information for each product, including price, discounts, and high-quality images in a slider. Add to Cart: Add items to the cart, adjust quantities, and view a summary of items added. Responsive Design: Fully responsive layout, optimized for both desktop and mobile devices. Interactive UI: Modern and engaging user interface with smooth transitions and animations. Technologies Used Frontend: React + Vite for fast development and efficient bundling. State Management: useState for managing component states. Styling: CSS and media queries for responsiveness. Data: JSON files to store product details and category information. Installation Follow these steps to set up the project locally:
Clone the Repository
git clone https://github.com/your-username/FashionFiesta.git cd FashionFiesta Install Dependencies Make sure you have Node.js installed, then run:
npm install Run the Application
npm run dev This command will start the development server. Open your browser and visit http://localhost:3000.
Build for Production
npm run build This command will generate a production-ready build in the dist folder.
Usage Browse Products: Start by exploring products in each category. Product Details: Click on any product to view its details, including price and available discounts. Add to Cart: Add products to your cart, adjust quantities, and proceed to checkout. Mobile View: Experience a mobile-friendly interface with the image displayed below its details. Folder Structure Here’s a quick overview of the project’s folder structure:
Contributing Contributions are welcome! Please follow these steps to contribute:
Fork the repository. Create a new branch for your feature: git checkout -b feature-name
Make changes and commit: git commit -m "Add new feature" Push to your fork and submit a pull request.