Mapa Vacinacao C19

screenshot of Mapa Vacinacao C19
nextjs
react
bootstrap
scss

Dashboard com dados de vacinação em PT. Feito com React e NextJS

Overview

The COVID-19 Vaccination Dashboard project aimed to present the current status of vaccination efforts against COVID-19. Although it is no longer being maintained or updated, it served as a valuable resource during its active phase, showcasing the latest statistics on vaccine administration. The open-source nature of the code allows for adaptations and further development to suit different needs, providing a collaborative platform where users could contribute improvements.

The dashboard was designed to be user-friendly and informative, ensuring that those interested in vaccination data had easy access to essential information. Additionally, the project provided an API for integration with other applications, making it a versatile tool for developers and data enthusiasts alike.

Features

  • Public Codebase: All code, including design elements, is publicly accessible for adaptation and development by anyone interested.
  • Real-Time Data Updates: This project supports the latest vaccination statistics, ensuring users receive up-to-date information.
  • API Availability: An API is provided, allowing for consumption by various applications and enhancing its utility.
  • Notification Support: Utilizes Firebase Cloud Messaging and Web Push API for notifications, even when the site is not active.
  • Data Management with MongoDB: Employs MongoDB to manage notification tokens securely.
  • Easy Local Setup: Offers clear instructions for setting up the project locally, whether using Docker or traditional methods.
  • Automated Data Scraping: Includes a scrapper bot that runs as a background job to refresh data periodically from sources.
  • Community Engagement: Encourages user contributions, whether through direct code changes or sending suggestions by email.
nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

vercel
Vercel

Vercel offers built-in support for deploying and hosting Next.js applications, making it a popular choice among Next.js developers.