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.
-
Login Page:
- Users are required to log in with a valid username and password.
- Upon successful login, they are routed to the main page.
-
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.
- 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
-
Clone the repository:
git clone https://github.com/parteek2813/reimagine_tech
-
Install Dependencies
npm install
-
Run the application:
npm run start