TopGearFashion_E Commerce
This is a collaborative project. We cloned the online website of TopGearFashion and added the functionality like Signup, Login, Form validation,mens and womens page, payment page. we used HTML, CSS, JavaScript, React, Redux, ChakraUI, MongoDB, Mongoose and Render to built this project.
Overview
TopGearFashion is a team project developed by Masai School in just a week. It is an e-commerce website that offers a wide range of fashion products for both men and women. The website consists of a home page, login page, register page, product pages for men and women, and a place order page with an address form.
Features
- Home Page: The website has two home page variations, offering a visually pleasing and user-friendly interface.
- Footer: The footer section contains relevant information and links to other pages of the website.
- Login Page: Users can log in to their accounts to access personalized features and make purchases.
- Register Page: New users can create an account by providing their details and setting up a password.
- Mens Page: This page displays a wide range of fashion products exclusively for men.
- Womens Page: This page showcases a diverse collection of fashion products for women.
- Place Order: Users can add their selected products to the cart and proceed to the place order page.
- Address: The place order page includes a form where users can enter their shipping address.
Summary
TopGearFashion is an e-commerce website project developed by Masai School. It offers a wide range of fashion products for both men and women. The website includes features such as multiple home page variations, a footer section, login and register pages, separate product pages for men and women, and a place order page with an address form. With its user-friendly interface and stylish design, TopGearFashion aims to provide a seamless shopping experience for its users.
- HTML
HTML templates are pre-designed and pre-built web pages that can be customized and used as a basis for building websites. They often include common elements such as headers, footers, menus, and content sections, and can be easily edited using HTML and CSS to fit specific branding and content needs.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Chakra UI
Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.
- Redux
Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.