Awake_fashion_project

screenshot of Awake_fashion_project
react
chakra-ui

Awake Fasion is an e-commerce website. This website is an online shopping platform.

Overview:

Awake Fashion is an online fashion destination in India that offers the latest trends in men's, women's, and kids' apparel, footwear, handbags, fashion accessories, and beauty products. It is part of The Landmark Group, a Dubai-based retail and hospitality company. This project is the fifth Construct Week Project at Masai School's Full Stack Web Development Course, where students have learned React and Redux for front-end and state management.

Features:

  • User signup and Login: Users can create an account and login to access personalized features.
  • Products Page with Filter and Sort Functionalities: Users can browse through a wide range of fashion products and use filter and sort options to find specific items.
  • Dynamic add to cart feature: Users can add products to their shopping cart dynamically.
  • Dynamic cart page using Redux: The cart page updates in real-time using Redux state management.
  • Admin Page: The admin page allows authorized personnel to manage products and inventory.
  • Dummy payment using UPI-Paytm: Users can make dummy payments using UPI-Paytm for testing purposes.

Summary:

Awake Fashion is an online fashion destination in India, offering a wide range of trendy products for men, women, and kids. It is part of The Landmark Group and is developed using React and Redux. The theme provides features such as user signup and login, dynamic shopping cart functionality, an admin page for managing products, and dummy payment options using UPI-Paytm. Installation is simple, requiring cloning the repository, installing dependencies, and starting the development server.

react
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

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.

framer-motion
Framer Motion

Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.

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.