https://github.com/mastermind-fa/youfashion_frontend
A responsive and modern frontend for YouFashion, built using HTML, Tailwind CSS, Bootstrap, raw CSS, and JavaScript. It offers seamless product browsing, cart management, wishlist, and order tracking. 🚀
https://github.com/mastermind-fa/youfashion_frontend
clothing-store css html javascript tailwindcss
Last synced: about 2 months ago
JSON representation
A responsive and modern frontend for YouFashion, built using HTML, Tailwind CSS, Bootstrap, raw CSS, and JavaScript. It offers seamless product browsing, cart management, wishlist, and order tracking. 🚀
- Host: GitHub
- URL: https://github.com/mastermind-fa/youfashion_frontend
- Owner: mastermind-fa
- Created: 2025-01-26T18:13:50.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-11T11:30:33.000Z (over 1 year ago)
- Last Synced: 2025-03-11T12:31:04.145Z (over 1 year ago)
- Topics: clothing-store, css, html, javascript, tailwindcss
- Language: HTML
- Homepage: https://you-fashion-frontend.vercel.app
- Size: 15 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# YouFashion - Clothing Store Frontend
## Overview
YouFashion Frontend is a responsive and user-friendly interface for the YouFashion clothing store. It is built using **HTML, Tailwind CSS, Bootstrap, raw CSS, and JavaScript**, providing a seamless shopping experience with a modern design.
## Features
- **Home Page:** Showcases featured products and promotions.
- **Product Listing:** Displays products with sorting and filtering options.
- **Product Details:** Detailed view of each product with reviews.
- **Cart & Wishlist:**
- Add products to the cart.
- Save products to the wishlist.
- **User Authentication:**
- User login and registration.
- Secure authentication with the backend.
- **Order Management:**
- Checkout process integrated with SSLCommerz.
- View previous orders.
## Technologies Used
- **HTML** – Structure of the website.
- **Tailwind CSS** – Styling for a clean and modern look.
- **Bootstrap** – Additional UI components for responsiveness.
- **Raw CSS** – Custom styles for enhanced design.
- **JavaScript** – Dynamic interactions and API integration.
## Installation & Setup
### Prerequisites
- A web browser (Chrome, Firefox, Edge, etc.)
- A local or hosted backend server running YouFashion Backend
### Steps to Run the Project
1. **Clone the Repository:**
```sh
git clone https://github.com/mastermind-fa/YouFashion_Frontend.git
cd YouFashion_Frontend
```
2. **Open the Project:**
- You can directly open `index.html` in your browser.
- For better experience, use a live server extension in VS Code.
3. **Connect to the Backend:**
- Ensure the backend is running.
- Update API URLs inside `script.js` if necessary.
## Folder Structure
```
YouFashion_Frontend/
│-- index.html # Homepage
│-- products.html # Product listing page
│-- cart.html # Shopping cart page
│-- wishlist.html # Wishlist page
│-- orders.html # User orders page
│-- login.html # User login page
│-- registration.html # User registration page
│-- profile.html # User profile page
│-- productDetails.html # A single product page
|-- styles.css # Custom CSS
│-- script.js # Main JavaScript file
│-- auth.js # Handles authentication
│-- cart.js # Manages cart functionality
│-- order.js # Manages order functionality
│-- wishlist.js # Manages wishlist functionality
│-- profile.js # Manages profile functionality
│-- productDetails.js # Manages product functionality
```
## Contribution
Contributions are welcome! Feel free to fork the repo and submit a pull request.
## License
This project is licensed under the MIT License.
---
Developed by **Farhana Alam**