Poupapp - React
- 12 Devlogs
- 7 Total hours
Personal finance dashboard built with React, Vite, CSS Modules and tailwindcss, created as a front-end practice project focused on component-based development, scoped styling and clean UI organization.
Creating a grid structure for the Cards and creating, componentizing, and styling the third and fourth Cards.
Creating and styling Typography and Card components
Importing icons, creating and styling the Main and SearchInput components
Creating de sidebar and importing the global font family Work Sans
Restarting the project on a different branch to use Tailwind instead of CSS Modules. I took the opportunity to test Tailwind in its playground, clean up the project, and add the global color variables to Tailwind.
Creating, componentizing, and styling the fourth and final Card.
Implementing a grid to allow the Cards to have stretch behavior, creating and componentizing the third Card.
Creating components for the first and second Card
Creating and styling Card component
Building the Input component and the Main container
Building the side bar
Starting project, cleaning files, creating var colors and creating the main container
