mokhtarakle / lets-jam-webapplicatie

Ontwerp en ontwikkel een complexe, gebruiksvriendelijke en interactieve webapplicatie op basis van een bestaande api of een zelf in te richten headless CMS

Hallo Strandeiland - Atomic Design

📣 Hallo strandeiland

Hallo strandeiland is een sociaal platform waar bewoners ideeën en wensen kunnen plaatsen en de gemeente naar kan luisteren en radicaal transparant over de ontwikkeling kan communiceren.

🗃️ Inhoudsopgave

• Beschrijving
• Kenmerken
• Installatie
• Gebruik
• Bronnen
• Licentie

📜 Beschrijving

Dit project omvat een overzicht van alle wensen van de toekomstige bewoners van Strandeiland. De gemeente wilt hiermee radicale transparantie creëren om bewoners op de hoogte te houden van diverse ontwikkelingen en hiermee laten zien dat zij luisteren naar de wensen van de bewoners.

Kenmerken

Voor dit project is gebruikgemaakt van:

Tools

• 💻 Visual Studio Code
• 🎨 Figma
• 🐱 Github

Tech

• ⚙️ SvelteKit
• 🖼️ Hygraph
• 🖌️ CSS

📥 Installatie

1. Clone of download deze repository naar de gewenste folder.
2. Open de root directory van dit project en open het project in een code editor naar keuze.
3. Gebruik npm install om de benodigde packages te downloaden voor dit project.
4. Voor het gebruik van Hygraph om data in te laden gebruik dan het commando npm graphql-request om requesten te fetchen.
5. Start een server met npm dev start.
6. Voor dit project is gebruik gemaakt van een .env bestand om data op te kunnen halen uit Hygraph.

Bronnen

• Instructions
• Code conventions
• Emojipedia
• Hosting

Gebruik

Dit platform is bedoelt om wensen op te halen van bewoners.

Licentie

This project is licensed under the terms of the MIT license.

lets-jam-webapplicatie's Issues

Sorteer functie maken voor de wensen (Front-end)

Is het component responsive en voldoet het aan de huisstijl

• Voor responsive moet er nog wat gebeuren, nog niet op alle apparaten getest
• Kan nog een breakpoint worden toegevoegd voor M-scherm
• Small screen doet het

Voldoet het component aan de coding standards?

• Ja
• Nee

Is het component toegankelijk?

• Tab test gedaan
• nog geen handmatige tests gedaan
• Lighthouse test gedaan

Is het component performant

• Alle plaatjes moeten worden toegevoegd en geoptimaliseerd
• Image sizes staan in de HTML in de template
• loading="lazy" staat in de HTML

Filter functie maken voor de sdg's (Front-end) (3)

Filter functie maken voor de sdg's (back-end) [8]

consitentie class namen

lets-jam-webapplicatie/src/lib/components/detailpagina/rollen.svelte

Lines 74 to 75 in f050878

	<article class="rollen">
	<ul class="notifications"></ul>

Class namen in engels en nederlands gecodeerd beste om 1 te kiezen.