Skip to content

Dashboard is an important part of most of the web applications so there is the static dashboard of my YouTube channel 'kesriTalks'. Through this project, I learned new libraries of reactjs used for graphs and charts and revised old concepts, mention below or (readme.md))

Notifications You must be signed in to change notification settings

kesri9211/DashboadProject

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

##Dashboard: KesriTalks Dashboard is an important part of most of the web applications so there is the static dashboard of my YouTube channel 'kesriTalks'. Through this project, I learned new libraries of reactjs used for graphs and charts and revised old concepts.

  • useState hook: change the state of function ex- expanding card, active sidebar content
  • Map method: calling array of object- reusability
  • Icon scout: for various icon on dashboard
  • React Apex chart:
  • Framer motion: package contain ‘Animated share layout’
  • Animated share layout :for expanding and compact of card
  • library for circular graph
  • Material ui table- for designing table
  • Responsive css3 designs

#Points to note Divide page into grids

  1. Unique layoutId: Added layoutId prop to the motion.div elements to help AnimateSharedLayout manage animations correctly.
  2. Import motion from framer-motion: Ensured motion is imported from framer-motion to utilize the layoutId feature.
  3. Total feature of framer motion library to close and open side bar

About

Dashboard is an important part of most of the web applications so there is the static dashboard of my YouTube channel 'kesriTalks'. Through this project, I learned new libraries of reactjs used for graphs and charts and revised old concepts, mention below or (readme.md))

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published