Overview

This project is a front-end assignment aiming to replicate the UI/UX of Bewakoof.com. It is developed using React, TypeScript, and Vite, with the later addition of Bootstrap for responsiveness.

It showcases the use of appropriate HTML tags, along with pure CSS and flexbox skills, to achieve a visually appealing and responsive user interface. The project was initiated using Vite's React TypeScript template, providing a modern development environment. The images are sourced from Bewakoof.com and pexels.com

Features

1. Responsive Design: The application is designed to be responsive, providing an optimal viewing experience across a wide range of devices.
2. TypeScript: Written in TypeScript to enhance code maintainability and catch potential issues during development.
3. Vite Development: Utilizes Vite for a fast and efficient development experience, with hot module replacement and optimized builds.
4. Bootstrap Integration: Bootstrap is added later in the project to enhance the responsiveness of components.
5. Web and Mobile UI Clone: Mimics the user interface of Bewakoof.com for both web and mobile platforms.
6. HTML Tags: Appropriate use of HTML tags for semantic structure and accessibility.
7. Pure CSS and Flexbox: Demonstrates the use of pure CSS and flexbox skills for layout, alignment, transitions, and styling.

Setup

Clone the repo:

git clone https://github.com/kleiry20/bewakoof.git

Install Dependencies:

cd bewakoof

npm install

Run the Application:

npm run dev

The application shall be accessible at http://localhost:5173

Folder Structure

• src/: Contains the source code of the React TypeScript application.
• public/: Holds static assets and the HTML template.

Technologies Used

• React
• TypeScript
• Vite
• Bootstrap

Deployment

This project is deployed using Vercel. You can access the live application at the following URL:

Live Demo

Feel free to explore the application and provide any feedback or suggestions.