Fullstack Ecommerce
Full stack Ecommerce Website using React and Firebase with user and additional Admin privileges
Overview
eShop.com is an e-Commerce website that allows users to shop for a variety of products, including electronics, household items, and fashion. Users can add products to their cart and checkout. The website offers different login options, including registering with a username and password, signing in with Google, or using the "Guest Login" button to navigate the site without registering.
Features
- Variety of products: Users can browse and shop through a wide range of products, including electronics, household items, and fashion.
- Cart functionality: Users can add products to their cart and proceed to checkout.
- Multiple login options: Users have the flexibility to register with their own username and password, sign in with Google, or use the "Guest Login" button for a quick browse without registering.
Summary
eShop.com is an e-Commerce website that offers a variety of products for users to shop. With features like a wide range of products, cart functionality, and multiple login options, it provides a convenient and user-friendly shopping experience. To get started, users need to have Chrome and a text editor installed. They can then follow the installation guide provided to run the project on their local machine.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- 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
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- daisyUI
daisyUI adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
- Firebase
Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- 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.