Mona Aghili

Projects

Car Panel

We recently established a powerful front-end infrastructure that‘s propelling the creation of the Car Panel. This foundation utilizes Tailwind CSS, a utility-first framework that provides a rich set of pre-built classes. This eliminates the need for extensive custom CSS code, streamlining development and reducing code complexity. Next.js, acting as our client-side framework which helps to faster initial page loads and a smoother user experience for the Car Panel. Additionally, we‘ve incorporated tools like React Hook Form and React Query to further expedite development. These tools simplify form management and asynchronous data fetching, allowing our team to concentrate on building features and user interfaces for this dashboard panel. We also use TanStack Table for managing tables within this project, ensuring efficient and powerful table management capabilities.The impact of this infrastructure has been significant. By leveraging these technologies, we‘ve experienced a substantial acceleration in our development process. This allows us to focus on innovation and deliver features for the Car at a much faster pace. Not only is this new infrastructure high-performing, but it‘s also empowered us to work more efficiently, ultimately leading to a quicker completion of this panel.

Notice:

This project had 210 endpoints and 118 pages. Adding pages due to the business owner‘s requests is not possible. If you are interested in collaborating, an overview of the project will be provided to you. Some of the pages are shown below.


Screenshots
Image 1
Image 2
Image 3
Image 4
Image 5