This dashboard was developed to learn about Tailwind CSS, a utility-first CSS framework to help front-end developers build user interfaces more easily and with more productivity, providing us with predetermined styling classes.
I learned how to implement the classes and worked with variants, themes, customization, breakpoints, dark mode, animations, accessibility, etc.
Additionally, I applied some CSS animation libraries, such as "Framer Motion" and "Auto Animate".
- Features
- Requirements to run the project
- Running the application
- Main Technologies
- Final Result
- License
- Author
- Contributing Guidelines
As the project focused on learning how to style a user interface using Tailwind CSS, there is little functionality. Most actions and events are for visual purposes only, such as navigating between tabs, selecting options in select and sending a file.
Before you run the project, check if you have [Node.js](https://nodejs.org/en/) installed on your machine, as well [Git](https://git-scm.com) to clone this repository.
# Clone this repository on your machine:
$ git clone https://github.com/vitorlinsbinski/dashboard-with-tailwind.git
# Access the project folder in your terminal:
$ cd dashboard-with-tailwind
# Install all dependencies:
$ npm install
# Run the application:
$ npm run dev
Check out the project working: https://dashboard-with-tailwind-xi.vercel.app/
Contributions are welcome! Whether you want to fix a bug, add a new feature, or improve documentation, your contributions are valuable.
This project is licensed under MIT License.
Vitor Linsbinski 🚀
Developed by Vitor Linsbinski
