Glucose Monitoring

A basic calendar application for monitoring patients' glucose measurements.

Installation

Clone the project

  git clone [email protected]:cmpsleo/glucose-monitoring.git

Go to the directory

  cd glucose-monitoring

Install dependencies

  yarn install

Create a file .env.local at the root of the project and add this:

  API_BASE_URL=

Start server

  yarn dev

Structure

This project is for a study case implementing a clean architecture approach, see below the directories explanation:

├── ...
├── src
│ ├── domain             👑 - Main layer responsible for use cases and entities
│ ├── application        🤝 - Implement classes following domain layer
│ ├── infra              🏗️ - Create the communication to external services
│ ├── main               📌 - Factory layer to all class instances
│ ├── pages              🥂 - Screen composition
│ └── presentation       🧩 - UI only without any type of logic
├── ...

Storybook

For tests and development is used Storybook. Run with:

  yarn storybook

Tests

Tests is only for Application and Infra layer. Run with:

  yarn test

Deployment

The main entry for a new feature is with pull requests that run an action with code checks e tests and will deploy automatically after PR approbation and merge to main.

Demo

Click here

Tools

Client: React, Nextjs, Styled Components, Styled Media Query, Polished, Jest, Typescript, Axios, React Query, Storybook, Dayjs, Husky, Lint Staged, ReactInk, Faker, Eslint, Conventional Commit.

References

• React com Mango
• Implementando Clean Architecture no ReactJS
• Clean Architecture // Live #77