parteek2813 / reimagine_tech

BeiImagine is a front-end application for a record-keeping system designed to store information about working professionals.

BeiImagine - Record Keeping Application

Overview

BeiImagine is a front-end application for a record-keeping system designed to store information about working professionals. The application features a login page, data fetching from a sample database/api, and visualization of user data using pi-charts.

Features

1. Login Page:

   • Users are required to log in with a valid username and password.
   • Upon successful login, they are routed to the main page.

2. Main Page:

   • Displays user data sorted by gender and employment type.
   • Utilizes the Context API to manage user data.
   • Presents pi-charts for visualizing data distribution.
   • Shows numerical values used for pi-charts.

Technologies Used

• React: v18.2.0
• React Router: v6.20.1
• Recharts: v2.1.13 [For creating the pie-charts I had used this library]
• Other dependencies listed in package.json

Getting Started

1. Clone the repository:

   git clone https://github.com/parteek2813/reimagine_tech

2. Install Dependencies

   npm install

3. Run the application:

   npm run start

Thanks for Reading out.