Chaabi-Assignment-Piyush

React Frontend Build

This is a frontend build using React.js and CSS3. It was developed as an assignment for Chaabi.

Project Structure

The project follows a modular structure with the following components:

• Header: Renders the header section of the dashboard.
• Sidebar: Renders the sidebar navigation menu.
• Analytics: Displays various analytics charts and data.
• Bar: Renders a bar chart for daily training completion.
• PieChart: Displays a pie chart for quiz passing percentage.
• Content: Shows the monthly training activity and related information.

Installation

1. Clone the repository: git clone <repository-url>
2. Navigate to the project directory: cd Chaabi-Assignment-Piyush
3. Install dependencies: npm install

Usage

1. Start the development server: npm start
2. Open your web browser and visit: http://localhost:3000

Technologies Used

• React.js
• CSS3

Figma Design

Figma Design

The task for this project was to convert the Figma design into a responsive React code.

License

This project is licensed under the MIT License.