TeesForYou - E-Commerce Website

Introduction

TeesForYou is a modern E-Commerce website designed for buying a variety of clothing items, including T-Shirts, hoodies, sweatshirts, crop tops, and more. This repository contains the client-side code for the TeesForYou website.

Please note that this project does not include a backend server or database. Instead, we have used a mock API website as our backend server to simulate the required functionality. The project is entirely built using vanilla HTML, CSS, and JavaScript, with plans to make it responsive in the future.

Features

1. Browse Collections

• Users can browse through our collection based on the type of clothing they desire.

• Users can also filter products based on color.

• There is a dedicated section highlighting new arrivals, best-selling items, and the user's wishlist.

  

2. Product Details

• Users can view detailed information about a specific product by clicking on its card in the shop page.

• They can also add the product to their wishlist from the product details page.

  

3. Shopping Cart

• Users can add items to their shopping cart.

• The shopping cart allows users to review their selected items before proceeding to checkout.

  

• Clicking the checkout button redirects users to the checkout page.

• Users must log in to proceed with the checkout process; otherwise, they will be redirected to the login page.

4. Account Management

• In the account page, users can log in with their existing account or create a new one.

• Once logged in, users can manage their profile, view their orders, change their password, delete their account, and log out.

  

5. Order Management

• Users can view their order history, including current and past orders.

• They can also cancel orders from the order history page.

  

6. Contact Us

• The contact page allows users to send remarks and feedback to the site owner.

  

To-Do List

We have plans to enhance the TeesForYou website with the following features in the future:

1. Responsive Design: Make the website responsive for smaller screens, including mobiles and tablets.

2. Backend Integration: Shift the backend logic to proper server-side code instead of relying on the mock API website.

3. User Authentication: Implement token-based authentication and store session details in the browser's local storage for a more secure user experience.

4. Email Verification: Add email verification using OTP to enhance account security.

5. Forgot Password: Implement a "forgot password" functionality on the login page for users to reset their passwords.

Getting Started

To get started with TeesForYou, follow these steps:

1. Clone this repository to your local machine.

   git clone https://github.com/renish47/TeesForYou.git

2. Open the project in your preferred code editor.

3. Open the index.html file in your browser to start exploring the website.