Omniscient Sheet 6598

screenshot of Omniscient Sheet 6598
express
react
styled-components
chakra-ui

Tata 1mg.com brings to you an online platform, which can be accessed for all your health needs.India’s leading digital consumer healthcare platform.

Overview

The HomeScreens product is a responsive web application built using React, Redux, Chakra UI, CSS, and Rest API. It includes various screens such as the Homepage, Login, SignUp, Products Page, Products Details, Cart Page, Checkout Page, Payment Page, and Footer.

Features

  • Navbar: A navigation bar to easily navigate through different screens.
  • Authentication: User authentication for login and signup.
  • View Products: Browse and view available products.
  • View Products Details: Detailed information about a specific product.
  • View Cart: See the items added to the cart.
  • Checkout: Proceed to checkout and complete the purchase.
  • Payment Summary: Summary of the payment details.
  • Filtering: Ability to filter products based on specific criteria.
  • Logout: Log out from the application.

Prerequisites

  • Node.js and npm should be installed. To check if you have Node.js installed, run the following command in your terminal:
    node -v
    
    To confirm that you have npm installed, run this command in your terminal:
    npm -v
    

Setup

  1. Clone the project repository using the following command in your terminal:
    git clone [GitHub repository link]
    
  2. Open your terminal and navigate to the project's directory:
    cd [project directory]
    
  3. Install the dependencies by running the following command:
    npm install
    
  4. Run the application using the following command:
    npm start
    

Summary

HomeScreens is a responsive web application built using React, Redux, and Chakra UI. It provides various screens for browsing products, adding them to the cart, and completing the purchase. The installation process involves cloning the project repository and running a few commands to install the dependencies and start the application.

express
Express

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

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.

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.