Skip to content

Ayngie/natural-guide-to-gestational-diabetes

Repository files navigation

Your Natural Guide To Gestational Diabetes (GDM)

N.B This project exists in an identical copy with a swedish title. Were you looking for this projects repo with a swedish title and Readme? Find the swedish version here.

Description

This is a degree project for Frontend Developer studies at Medieinstitutet in Stockholm (2022-2024).

I chose to build an app that gives natural advice and info on how to deal with gestational diabetes mellitus (GDM). The app also allows the possibility to searh for nutritional info of different foods (info is dynamically retrieved from a JSON-file), the source of this nutritional information is Livsmedelsverket in Sweden.

The project is prepared for implementing api-calls to:

  • Svenska Livsmedelsverket (LSV). However - for this a proxy-server is needed as api-calls from the frontend get access denied due to CORS.
  • FoodCentral API (usda.gov) for adding the feature of searching info on foods in english.

This application is built in React + TypeScript + Vite.

The project language is swedish.

N.B. As GitHub does not support SPA's (Single Page Applications) - if you refresh any of the 'subpages' (other than the startpage) you will get a 404 from GitHub. If this happens - to fix this - please go to the startpage url (https://ayngie.github.io/natural-guide-to-gestational-diabetes/) to start again, then navigate with help of the navbar, and do not refresh the page deployed with GitHub Actions :)

Techniques used (shields/badges)

React badge React Router badge Styled Components badge TypeScript badge JSON badge Vite badge Cypress badge SPA badge Git badge npm badge VSCode badge ESLint badge Prettier badge HTML5 badge JavaScript badge Adobe Photoshop badge Axios badge Postman badge .env badge GitHub badge GitHub Actions badge


Git commit convention:

  • 👷 build: - project build-up
  • 📝 docs: - documentation / README
  • ✨ feat: - introduces a new feature to the codebase
  • ♻️ refactor: - refactoring of code
  • 💄 style: - css/scss styling
  • 🐛 bugfix: - patches a bug in your codebase
  • 🚚 moved: - moved files
  • 🔥 deleted: - deleted files or code
  • ⏪ revert: - revert to previous code
  • ✅ test: - add or update tests

Screenshot of project:

Demonstration of my degree project


Run locally:

Clone the project

  git clone https://github.com/Ayngie/natural-guide-to-gestational-diabetes.git

Go to the project directory

  cd natural-guide-to-gestational-diabetes

Install dependencies

  npm install

Start the server

  npm run dev