/assignment

Its a peters surgical website build using React js,redux,ChakraUi,Chartjs

Primary LanguageJavaScript

PETERS SURGICAL

Live Link- https://assignment-seven-coral.vercel.app/

Project Presentation Link -

Peter Surgical React App

Project Overview

This project is built using React, Redux, HTML, CSS, JavaScript, Chakra-UI, Chart.js components.

Getting Started

Prerequisites

Make sure you have the following software installed on your machine:

  • Node.js: Download Node.js
  • npm (Node Package Manager): npm is included with Node.js installation.

Clone the Repository

git clone [repository-url] cd [project-directory] Install Dependencies bash Copy code npm install Running the Application Development Mode bash Copy code npm start This will start the development server and open the application in your default web browser. The app will automatically reload if you make changes to the source code.

Open http://localhost:3000 to view it in the browser.

Production Build bash Copy code npm run build This command builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

Features


1. **User Interface with React:** - Employs React, a powerful JavaScript library, to create a dynamic and interactive user interface.

  1. State Management with Redux:

    • Utilizes Redux for effective state management, ensuring a centralized and predictable data flow in the application.

  2. Web Technologies Stack:

    • Leverages HTML, CSS, and JavaScript, the foundational technologies of the web, to build a robust and responsive frontend.

  3. Modular and Accessible UI Components:

    • Integrates Chakra-UI, a modular and accessible component library for React, to facilitate the development of stylish and user-friendly interfaces.

  4. Interactive Data Visualization with Chart.js:

    • Incorporates Chart.js, a versatile JavaScript charting library, to create visually appealing and interactive charts for data representation.

  5. Structured Data Display through Tables:

    • Implements tables for presenting structured data in a clear and organized manner, enhancing the user experience with well-organized information.

Some Screenshots of the website-

img img img