This project was built during a React course as a functional prototype for an IT consultancy firm. They needed a system to track consultant skills and generate reports.

Login form with role-based access for Admins and Consultants.

Admin dashboard for managing the team and reports.

Project Architecture

The app is structured to handle different permissions and data views based on the user’s role.

Folder structure and file organization.

Component Hierarchy

The UI is built as a tree of components that manage data flow from the main app state down to the specific forms and lists.

Component tree and data flow.

Features

• RBAC: Separate views for Admin (manage all) and Consultant (manage own profile).
• Skill Tracking: Database for certifications and tech stack experience.
• PDF Export: Converts app data into a downloadable report.
• Search: Filter for finding specific skills in the database.

Technical Stack

• React: UI and state management.
• PDF Library: Data-to-document conversion.
• Routing: Permission-based page access.

This project demonstrates building a functional tool from a set of industry-provided requirements.