Comic Shortbox

Opdracht

Het oorspronkelijke concept was om een tracking-applicatie te bouwen voor alle popcultuur-verzamelobjecten. Naarmate het academiejaar vorderde, besefte ik dat de scope te groot was voor de resterende tijd. Daarom heb ik de focus verlegd naar uitsluitend stripboeken.

Het concept was eenvoudig: gebruikers konden een account registreren, elk met een eigen persoonlijke ‘shortbox’ om hun fysieke stripboekencollectie te catalogiseren. Gebruikers konden strips die ze wilden verkopen markeren en door de collecties van andere leden bladeren om ontbrekende nummers te vinden.

Packages

ReactNodeMongoDBExpressPassportBcryptAxios

Bijgeleerd

Een server opzetten met Node.js en Express
Een server verbinden met een database (MongoDB)
Authenticatie en verschillende gebruikersrollen op basis van het authenticatieniveau
HTTP-verzoeken maken op de frontend en deze afhandelen op de server
Een frontend-applicatie bouwen met React
Beveiligde routes (protected routes) in React

Gevonden oplossingen

Authenticatie en het beheren van verschillende rollen (bezoeker, geregistreerd lid, administrator)
State management met de Context API
Beveiligde routes in React

View source

Project Gallerij

Voorbeeld van de homepage van het beheerpaneel

Voorbeeld van de seriepagina met alle reeksen

Andere branches