Skip to content

Ayngie/naturlig-guide-till-graviditetsdiabetes

Repository files navigation

Din Naturliga Guide Till Graviditetsdiabetes (GDM)

OBS! Detta projekt finns i identisk upplaga med engelsk titel.

Were you looking for this projects repo with an english title and Readme? Find the english version here.

Beskrivning

Detta är ett examensarbete för Frontenduvecklarstudier på Medieinstitutet i Stockholm (2022-2024).

Jag valde att bygga en app som ger naturliga tips och info på hur man kan hantera en graviditetsdiabetes (GDM). Appen har även en sökfunktion för att söka fram ett livsmedels näringsvärden (datan hämtas dynamiskt från en JSON-fil), källan för denna livsmedelsdata är Livsmedelsverket i Sverige.

Projektet är förberett för en implementering av api-anrop till:

  • Svenska Livsmedelsverket (LSV). Dock kräver detta en proxy-server då api-anropen från frontenden får nekad åtkomst pga CORS.
  • FoodCentral API (usda.gov) för att kunna lägga till engelskt sök.

Denna applikation är byggd i React + TypeScript + Vite.

Projektets språk är svenska.

OBS! Då GitHub inte stödjer SPA's (Single Page Applications) innebär detta att om du uppdaterar någon av applikationens 'subpages' (annat än startsidan) får du en 404 från GitHub. Om detta sker - för att fixa detta - vänligen återgå till startsidans url (https://ayngie.github.io/naturlig-guide-till-graviditetsdiabetes/), därefter kan du navigera mha navbar, och uppdatera inte sidan som är deployad med GitHub Actions :)

Tekniker använda (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 konvention:

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

Skärmbild på projektet:

Demonstration of my degree project


Kör lokalt:

Klona ned projektet

  git clone https://github.com/Ayngie/naturlig-guide-till-graviditetsdiabetes.git

Gå till projectmappen

  cd naturlig-guide-till-graviditetsdiabetes

Installera dependencies

  npm install

Starta servern

  npm run dev

Releases

No releases published

Packages

No packages published

Languages