Coronavirus

[marcosrioj]

Objective

Your assignment is to implement a dashboard showing high level statistics and some timeline data on coronavirus for all regions of the world. Use TypeScript and React for the assignment.

Brief

You're the last Front-End developer on earth. The world needs a reliable dashboard to track and share covid-19 statistics, and that's where you come in the picture. You need to build a website that informs the public about the current state of the crisis. Everyone is counting on you, go build that website.

Tasks

• [x] Implement assignment using:
  • [x] Language: TypeScript
  • [x] Framework: React
  • [x] State management: Redux (recommended, not required)
  • [x] UI Kit: Material UI (recommended, not required)
• [x] Connect your application to the quarantine.country API (docs and playground here)
• [x] Use the API to build two screens/sections
  • [x] One screen should be a list view and should show high level statistics about all the regions
  • [x] Second screen should be a detail view and should show timeline data about a specific region (this can be a table, no need for visualisations)
• [x] Fetching should be done safely, with a fallback when an error occurs
• [x] Elegantly use placeholders/skeletons when fetching data
• [x] Each region in the list view should have a 'Bookmark' or 'Favorite' button, that adds it to a seperate 'Favorites' table/screen. Implement this feature using local storage.

Some suggestions if you feel like going beyond the requirements

• [x] Infinite scroll or pagination
• [x] Client side searching and filtering
• [x] Basic testing architecture setup (coverage doesn't matter, just the structure)
• [ ] Storybook setup
• [x] Host it and the configure CI/CD pipeline and if you are still bored, setup terrafoam :)
• [ ] Any other feature you can envision :) Go wild!

Deliverables

Create a new git repository and push all your code to it. Send us a link to the repository when you're done.

Evaluation Criteria

Use good design patterns and make sure to follow all SOLID principles, the rest will be fine.

• TypeScript best practices
• Maintainability - is it written in a clean, maintainable and modular way? Is your code production ready?
• Completeness - did you complete the features?
• User Experience
• Documentation

Good Luck

All the best and happy coding,

The Pattern Labs Team!

[Zayn12321]

As the research from Columbia University, 222nm far excimer lamp is safe for human disinfection, somebody knows any information about this?