Cirql Dashboard

Web Dev
Frontend
UI/UX
Cirql Dashboard

Tech Stack

React
Tailwind CSS
Google Auth

Description

For the 'Cirql Dashboard' personal project, I aimed to enhance my UI design skills and deepen my understanding of routing within a React application.

I utilized React and Tailwind CSS to craft an intuitive dashboard interface that provides users with an organized overview of data and functionalities. The UI components were thoughtfully designed to ensure a seamless user experience.

Incorporating Google Sign-In Authentication further fortified the project by adding a layer of security and convenience. Users are required to authenticate before accessing certain routes, ensuring the safety of sensitive information.

The routing system was meticulously implemented to enable smooth navigation between different sections of the dashboard, simulating real-world use cases.

Through this project, I've gained valuable insights into UI/UX design principles and the implementation of secure and efficient routing in React applications.

  • Created a user-friendly dashboard project using React and Tailwind CSS.
  • Implemented Google Sign-In Authentication to ensure secure access to sensitive routes.
  • Designed UI components to provide an intuitive and visually pleasing experience.
  • Focused on implementing a smooth routing system to simulate real-world use cases.
  • Enhanced my skills in UI design, routing, and component architecture.

Page Info

Dashboard Home

Main dashboard view

/experience/cirql/web_1.png/experience/cirql/web_2.png

Profile Page

User profile page

/experience/cirql/web_3.png/experience/cirql/web_4.png