Skip to content

VarshiRevo/RevoStore

 
 

Repository files navigation

Revo's Store

Welcome to Revo Store! This project is an front-end e-commerce website crafted with React, Tailwind CSS, Vite, TypeScript, and Redux Toolkit. Its primary objective is to demonstrate a range of functionalities typically encountered in e-commerce platforms. These include a dynamic homepage, comprehensive product listing pages, seamless cart management, and personalized user experiences such as account management and wishlist functionality.

Features

  • Homepage: Welcome users to our e-commerce platform through captivating banners, highlighted products, and intuitive navigation.
  • Product Page: Showcase a comprehensive collection of products, complete with detailed descriptions, high-quality images, and transparent pricing.
  • Cart: Facilitate seamless shopping experiences by enabling users to effortlessly add products to their cart, review their selections, and smoothly proceed through the checkout process.
  • User Authentication: Provide a secure environment where users can register, log in, and unlock personalized functionalities such as wishlist management and account customization.
  • Wishlist: Empower users to curate their shopping experience by saving items of interest for future consideration.

Technologies Used

  • React: Renowned as a leading JavaScript library, React empowers developers to construct dynamic user interfaces with ease.
  • Tailwind CSS: Leveraging a utility-first approach, Tailwind CSS accelerates the creation of bespoke designs, fostering rapid development.
  • Vite: As a cutting-edge build tool, Vite optimizes performance by serving code through native ES Module imports during development, ensuring swift execution.
  • TypeScript: Elevated as a statically typed superset of JavaScript, TypeScript elevates code integrity and developer efficiency through enhanced type safety.
  • Redux Toolkit: Streamlining state management, Redux Toolkit offers a simplified yet robust solution for effectively managing application state.

Documentation:

View the Documentation of this Project Here

Getting Started

  1. Download this repository
  2. Install dependencies using npm install or yarn install.
  3. Start the development server using npm run dev or yarn dev.
  4. Open your browser and navigate to http://localhost:5173 to view the application.

Acknowledgements

  • Since this is a frontend only project, all the data have been collected from DummyJSON.
  • Special thanks to Tailwind Labs and Redux Toolkit for their amazing tools and documentation.

Contact

For any inquiries or feedback, feel free to contact me.

Happy coding! 🚀

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 94.6%
  • CSS 4.2%
  • Other 1.2%