- Live demo
- Beschrijving
- Installatie
- Functies
- Sockets
- Supabase API (database)
- Data flow diagram
- To-do
- Bronnen
- Auteurs
- Bijdrage
- Licentie
Little List is een real-time checklist applicatie. Met Little List kun je lijstjes maken die instant updaten, door de constante verbinding met de server. Super handig, als je vader al in de supermarkt staat en je zet nog nét even de pindakaas op het lijstje. Deze verschijnt meteen bij paps op zijn mobiel.
Clone deze repository naar jouw lokale folder:
git clone https://github.com/jornveltrop/little-list.git
| 📋 Handige checklist | ✔ |
| ⏱️ Real-time functionaliteit | ✔ |
| 🔒 Gekoppeld aan je Google account | ✔ |
| 💾 Data wordt opgeslagen in de database | ✔ |
Deze app is gemaakt met sockets. Sockets zijn een constante verbinding tussen de client en de server.
Sockets worden bijvoorbeeld gebruikt voor chats en scoreborden. Deze functionaliteiten wil je namelijk instant (real-time) zichtbaar hebben tussen de verschillende apparaten. Zo hoeft de bezoeker niet de pagina te refreshen, voordat deze verandering ziet.
Ik heb voor deze applicatie gebruik gemaakt van de socket.io JS library.
Om de gegevens van de mensen op te slaan maak ik gebruik van Supabase. Supabase is een open source database en API systeem. Hierin heb ik een eigen database model opgezet. Deze database vul ik via de server met API calls.
Dit is het data model wat gebruikt wordt in de database voor Little List:
Om inzicht te krijgen in welke events en data er wordt verstuurd tussen de verschillende componenten is hier een visueel overzicht van de data flow:
Check voor de to-do's de GitHub repository issue's pagina:
Voor Little List heb ik een aantal bronnen gebruikt om deze app tot stand te laten komen:
De maker van deze app is Jorn Veltrop.
Als je wilt bijdragen aan deze app kun je dat doen door middel van het aanmaken van een issue.
Dit project valt onder de MIT license.