I dette projekt har jeg udviklet en CRUD-applikation (Create, Read, Update, Delete) som en del af mine studier som datamatiker. Formålet med appen er at demonstrere mine evner til at bygge en funktionel og interaktiv webapplikation. Appen tillader brugerne at tilføje, se, opdatere og slette data, hvilket gør den ideel til at håndtere dynamiske datastrømme.
Til udviklingen af denne app har jeg anvendt en række moderne teknologier for at sikre en effektiv og brugervenlig oplevelse. Disse teknologier inkluderer:
- JavaScript: Som grundlaget for applikationen, til at implementere logikken og interaktiviteten.
- React: Et populært JavaScript-bibliotek anvendt for at opbygge brugergrænsefladen, hvilket giver en hurtig og responsiv brugeroplevelse.
- Axios: Et kraftfuldt JavaScript-bibliotek brugt til at foretage HTTP-anmodninger til serveren. Det er anvendt til at håndtere dataudvekslingen mellem appen og eventuelle eksterne API'er.
- JSON: Anvendt som dataformat for udveksling af information mellem klient og server.
- Vite: Et moderne byggeværktøj, der sikrer hurtig udvikling og en optimeret build-proces.
- CSS: Anvendt for at style applikationens brugergrænseflade, sikre et tiltalende visuelt udtryk og forbedre brugeroplevelsen.
- HTML: Grundlaget for applikationens struktur, brugt til at opbygge skelettet i brugergrænsefladen og sikre korrekt semantisk markup.
Dette projekt er en fremragende demonstration af mine færdigheder inden for moderne webudvikling og understreger min evne til at integrere forskellige teknologier for at skabe en sammenhængende og funktionel applikation.
Hvis man vil starte mock server - cd til src folder:
npx json-server --watch db.json --port 3011
Hvis man vil køre appen lokalt:
npm run dev