Wardrobe

screenshot of Wardrobe
express
html
react
styled-components
chakra-ui

This is a collaborative project to clone a e-commerce website, working model, featuring clothing shopping. Various features like searching category wise data, psuedo-purchasing cart items. Responsive website on range of screens from smarphones to large screens.

Overview:

The fixed-thread-889 - Wardrobe.com is an e-commerce web model for shopping clothing. It is a collaborative project to clone an e-commerce website and features various functionalities such as searching category-wise data, a pseudo-purchasing cart, and a responsive website that works across different screen sizes.

Features:

  • Searching category-wise data
  • Pseudo-purchasing cart
  • Responsive website for smartphones and large screens

Frontend:

  1. Set up the node environment.
  2. Start the frontend on localhost, ensuring that the server URL is confirmed.
  3. Create a production-ready folder.

Backend:

  1. Set up the node environment.
  2. Start the server in deployment or using nodemon on localhost.

Database: MongoDB

  1. Set up MongoDB Atlas or a local database.

Members and Responsibilities:

  • Shivang kumar: Homepage, Navbar, Footer
  • Suraj Sanjay Kokane: Men's Page, Women's Page, Kids Page, Advertising Crousers
  • Somya Ranjan Singh: Category-wise product display UI and pages, category redux-management in Redux, Products & Category Related server APIs, Products & Category Related Database model management, Misc Backend services & features
  • Abhijeet Kumar: Product Page & UI, product redux-management in Redux, Cart, wishlist & users(Auth) Related server APIs, Cart, wishlist & users(Auth) Related Database model management, Misc Backend services & features, Website Logo
  • Lokesh Vyavhare: Cart-page and purchase flow UI, Auth, Cart-product redux-management in Redux, Login-signup Pages & UI, Various styling & responsive features, Admin pages & admin flow, Leading & managing project

Summary:

The fixed-thread-889 - Wardrobe.com is an e-commerce web model for clothing shopping. It offers various features such as category-wise searching, a pseudo-purchasing cart, and responsiveness across different devices. The project is being developed collaboratively with each team member responsible for different aspects of the website.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

html
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

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

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

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.