Giter Club home page Giter Club logo

odin-admin-dashboard's Introduction

odin-admin-dashboard

This is a project set out by the Odin Project to recreate the image in the reference folder to the best of our ability. While my final product does not look like an exact replica, I am proud of the strides I have made in CSS and HTML within the context of the course so far.

Some things that I should pay attention to in future tasks:

  • Media queries for responsiveness for smaller devices (not within the scope of this project)
  • Better styling overall (my eye for styling still hasn't fully developed, as well as my css ability to style)
  • Continue working on grid and flexbox usage (Having just been introduced to grid, I feel like this project started giving me a good feeling for its capabilities. I still have a ways to go though to properly utilize all of its abilities and make beautiful, responsive websites).
  • Learn how to integrate JS into my CSS (one issue I ran into was wanting to resize a p element to fit the container it was in dynamically, specifically with the "site title" dashboard. When googling the answer, I found it was either a case of media queries or using JS to dynamically do math to set the text size. Currently, using JS is outside the scope of my knowledge, but I will get there. I can definitely see where hooking in JS will help in the long run).

The CSS and HTML projects presented by the Odin Project so far have been a good way of flexing my brain and reinforcing the lessons presented before me, and I have been treating them as exercises such as that - not quite worrying about being perfect. Once I finally get to the point of my journey where I am ready to create a personal portfolio website, that is when I will agonize over details and responsiveness.

odin-admin-dashboard's People

Contributors

eric-holdener avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.