A full dashboard design, created mostly using CSS Grid.
This project was created as part of my journey in the Full Stack JavaScript path of The Odin Project (TOP), as a practice on CSS Grid.
Note
Despite being primarily a practice project, contributions are still welcome! You can try resolving any issues, or, if you think you have found one, feel free to create an issue or solve it and create a pull request. If you want to create an alternative design to the one I implemented, fork the project.
You can view the project on its GitHub Pages website.
Important
About supported devices and browsers:
- The project is designed to be viewed in a 1920 × 1080 screen/window resolution. The website is not responsive, and is likely to produce worse visual results on smaller screen sizes, especially mobile phone screens.
- The project is primarily developed for Google Chrome. It should function properly in fairly new versions of major web browsers, though minor visual differences may arise.
Tip
If you encounter an issue with the project, feel free to create an issue or even solve it yourself and create a pull request.
If you like my project, please support me by starring its repository on GitHub and, if you are a fellow learner of The Odin Project, liking it on the project's community solutions page.
The project is designed to closely resemble the original design provided by The Odin Project. That said, there are some differences, mostly additional styles for hover, focus, and active states.
My implementation uses the same font used in the original design: Roboto.
My implementation uses the same colors used in the original design, with additional transparent versions of some of these colors for use for hover, focus, and active states of interactive elements.
Feel free to view my other projects on my website.