You've been showing off your portfolio and projects to your friends, family and classmates and they all say "It's fine. I like it!" But you want more insight.
So you decide to look into some analytical tools... but wow! They are expensive! You decide to make your own.
You visualize a dashboard with components for reviews, average rating, sentiment analysis and website visitors
Try to recreate this wireframe with React. Be sure to create a few components (e.g. app, sidebar, reviews, average rating, sentiment analysis, website visitors).
- Fork and clone this repository.
- Change into the new directory.
- Follow the setup instructions.
- Fulfill the listed requirements.
Unless otherwise specified on the calendar or by an instructor, homework is due the next morning by 9:00am.
Build out the above wireframe in react components. This is all static, so you don't need to do anything with props or state unless you want to.
When you're finished, submit a pull request.
- how would you get started? What do you need?
- Think about how many components you need
- What need to be passed through and what doesn't?
From inside this project folder:
create-react-app dashboardcdinto dashboard- open it in your favorite text editor
- in terminal run
npm startto track live changes - once you confirm that it renders begin building out your dashboard
Keep going! Add more details, add some css
Dashboard example found here: https://medium.muz.li/30-handpicked-excellent-dashboards-347e2407a057
Take a moment to refamiliarize yourself with the Plagiarism policy. Plagiarized work will not be accepted.
- All content is licensed under a CCBYNCSA 4.0 license.
- All software code is licensed under GNU GPLv3. For commercial use or alternative licensing, please contact legal@ga.co.