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.

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 :)

• 👷 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

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