https://github.com/dracula27/odin-admindashboard
The Odin Project - Full Stack JavaScript - Intermediate HTML and CSS - PROJECT: Admin Dashboard
https://github.com/dracula27/odin-admindashboard
css css-animations css-flex css-grid git github html
Last synced: about 1 month ago
JSON representation
The Odin Project - Full Stack JavaScript - Intermediate HTML and CSS - PROJECT: Admin Dashboard
- Host: GitHub
- URL: https://github.com/dracula27/odin-admindashboard
- Owner: DrAcula27
- Created: 2023-01-30T20:36:54.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-31T00:00:18.000Z (over 3 years ago)
- Last Synced: 2025-03-11T17:17:50.154Z (over 1 year ago)
- Topics: css, css-animations, css-flex, css-grid, git, github, html
- Language: HTML
- Homepage: https://DrAcula27.github.io/odin-adminDashboard
- Size: 2.05 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Welcome to odin-adminDashboard!
> The Odin Project - Full Stack JavaScript - Intermediate HTML and CSS - PROJECT: Admin Dashboard
> This is the second project in the Intermediate HTML and CSS portion of the Full Stack JavaScript course on The Odin Project. It is a dashboard webpage that relies heavily on CSS Grid as per request for the assignment. This dashboard displays all the projects I have done through The Odin Project so far.
## Demo
[Click to View the Live Demo](https://DrAcula27.github.io/odin-adminDashboard/)
#### Static Demo:
## Author
👤 **Danielle Andrews**
- Github: [@DrAcula27](https://github.com/DrAcula27)
- LinkedIn: [@daniellerandrews](https://linkedin.com/in/daniellerandrews)
## Project Details
View the assignment at [The Odin Project](https://www.theodinproject.com/lessons/node-path-intermediate-html-and-css-admin-dashboard)
### Project Goals
1. Build a page based on the design requirements; relying heavily on CSS Grid.
1. Practice nesting grids.
1. (extra) Make the page responsive.
- Provided project design file:
## Future Work
- Add to this page as I complete more projects through The Odin Project.
- Add JavaScript to:
- Dynamically add HTML
- Switch between Light and Dark modes
- Make the search bar actually work
## Attributions
- Icons: [Fontawesome](https://fontawesome.com/)
## Show Your Support
Give a ⭐️ if you liked this project!