nl pt nl nl nl nl nl en nl nl nl nl nl nl nl nl en en nl nl nl nl nl nl nl nl nl nl nl nl nl nl nl nl nl nl nl nl it nl nl en nl en nl en nl nl en nl af nl nl nl nl nl nl nl nl nl nl nl nl nl en nl nl nl nl nl nl nl nl nl nl en nl nl nl nl en nl
2 maanden geleden ben ik begonnen aan een school project genaamd Image Gallery. Na 2 maanden er buiten mijn stage uren om aan te hebben gewerkt is hij nu in grote lijnen wel af. Nu is het dus tijd het live te gooien en een hele bom aan feedback te ontvangen! (vandaar deze post).
Image Gallery is een Website gemaakt met Laravel. Op de site kan je albums (privé of publiek) aanmaken en vervolgens afbeeldingen uploaden. Deze afbeeldingen komen in een speciaal Image management system waardoor je ze kan hergebruiken in andere albums.
Waarom maak je dit tijdens je stage periode?
De originele opdracht was een HEEL stuk simpeler alleen vanwege mijn verdiept proces op school mocht ik samen met de docent de opdracht een stuk geavanceerde maken zodat ik genoeg uitdaging zou hebben. Hier zaten bepaalde elementen bij zoals het gebruik van VueJS, de site volledig in Laravel maken, ScrollMagic gebruiken en meer.
Ja zeker heel graag zelfs! Je kan de site hier gebruiken. Ik heb zoveel mogelijk man nodig die het test omdat ik de site uiteraard zo goed mogelijk wil opleveren aan mijn docenten. Alle feedback is dus welkom!
Je kan ze hieronder achterlaten uiteraard maar je mag me ook persoonlijk contacteren via Discord (FirstZelda#9414).
Uiteraard ben je ook ten alle tijden vrij om positiviteit achter te laten 😃! Ik hoop dat jullie dit tof vinden heb er stiekem best veel tijd in zitten.
Ziet er goed uitgewerkt uit! Erg vet gemaakt! 😎
Ik vind 't leuk om te lezen dat je zelf zocht naar een extra uitdaging voor zo'n schoolproject. Juist dát is een manier dat je meer leert omdat je dan verder denkt dan alleen de schoolopdracht zelf, plus daarbij is het een leuke uitdaging.
Zojuist heb ik een account aangemaakt en heb ik een rondje gemaakt door het platform. Ik ben positief verrast, bijna alle functionaliteiten werken vlekkeloos! Dat zie je ook niet altijd bij projecten 😃
Wat mij als eerste opviel is dat ik mijn e-mail geverifieerd moest hebben voor alle functionaliteiten beschikbaar waren, dat vind ik erg slim want dat scheelt erg veel troep op je platform. Toen ik naar de verificatie e-mail keek bleek deze ook nog eens uit gewone HTML tabellen te bestaan, zoals (helaas nog) de standaard is, dus ook dit zag er gewoon goed verzorgd uit!
Feedback over de belangrijke functionaliteiten
Na activatie heb ik gelijk een privé album aangemaakt en wat foto's geüpload. Dat uploaden ging in principe prima, maar twee foto's die in portrait waren gemaakt werden weergegeven in landscape 🖼️
Wanneer je op 'Voeg afbeelding toe' drukt, komt er een afbeelding manager te voorschijn die in het begin nog leeg is. Je ziet dan '📤 Choose a file' en '📁 Voeg toe', dus het eerste dat ik probeerde was een bestand er naartoe slepen, ik merkte dat ik dat beter niet kon doen, want die functionaliteit was er (nog) niet 😛 Toch maar het knopje geprobeerd en de afbeeldingen werden succesvol geüpload. Toen ik drukte op de 'Voeg toe' knop werden de foto's succesvol toegevoegd aan het album. Toen toch nog één foto toegevoegd en merkte ik op dat ik die net geüploade foto's nóg een keer kon selecteren, deze zijn zoals ik heb aangegeven op Discord dubbel toegevoegd aan mijn foto album. Minpunt was dat ik deze niet meer kon verwijderen uit dat album 🥺
Hierna heb ik de foto's nog wel van een titel & commentaar voorzien, deze functionaliteit heb je wel een beetje erg verstopt... Misschien kan je dat iets beter zichtbaar maken?
Het foto album heb ik daarna op publiek gezet waarna de foto's ook op de homepagina te zien waren, dus daar komen ze nu ook voorbij 😃 Wat mij alleen wel prettig zou lijken is dat je vanuit een album terug kan naar het albumoverzicht of bij je albuminstellingen kan zodat je ook weer een instelling snel kan aanpassen.
Misschien is het nog leuk om de lay-out iets meer te finetunen, een paar CSS aanpassingen zou genoeg moeten zijn en dan ziet het er gelijk vlotter uit.
Al mijn feedback op een rijtje:
Geüploade portrait afbeeldingen worden automatisch in landscape weergegeven
Je kan afbeeldingen niet uit een album halen
Snel schakelen tussen albums, een 'Terug naar album overzicht' knop zou erg handig zijn als je in het foto-overzicht van een album bent
Voeg een informatie tekstje toe aan de 'afbeelding manager' met de informatie dat je nog geen foto's hebt geüpload
Maak het iets beter zichtbaar dat je een foto van een titel en commentaar kan voorzien
Optioneel: Een klein beetje de lay-out finetunen
Optioneel: Een dropzone functie maken zodat je foto's kan slepen naar de browser en dan kan uploaden
Het ziet er naar uit dat je er veel werk in hebt gestoken, ik ben blij om dat te zien! Ik ben vooral benieuwd naar hoe je het project verder nog gaat ontwikkelen.
P.S. Ik heb zojuist nog enkele tags toegevoegd aan je topic, indien je nog programmeertalen mist kun je dat melden en dan voeg ik deze nog even toe 🙂
Ziet er gaaf uit! Ook leuk om te zien dat de afbeeldingen nu ook op de homepagina klikbaar zijn! 😁
Ik heb zojuist een kleine update gereleased van de site met daarin aanpassingen op basis van feedback. Voel je uiteraard vrij deze nieuwe en de oude functionaliteiten te testen en gebruiken! Nieuwe/meer feedback word uiteraard altijd gewaardeerd.
Afbeeldingen uploaden via drag and drop
Redesign Album detail header
Klein tekstje in de afbeelding manager als er nog geen afbeeldingen geüpload zijn.
Verschillende kleine bug fixes
Ziet er goed uit!
Ziet er al gaaf uit!
2.0 (Final product voor school)
De opdracht is officieel klaar! Of nou ja voor school dan. En eigenlijk was hij al een tijdje klaar... 😅
Ik heb de opdracht een paar weken terug al opgeleverd alleen was gewoon simpel weg vergeten een update post te maken.
Maar daar is hij alsnog! De laatste week(en) voor het opleveren bestonden de taken vooral uit het fixen van bugs, veranderen van de design en gewoon alle puntjes op de i zetten. Om nou elk klein puntje te benoemen vind ik een beetje overdreven maar er zijn wel een aantal iets grotere aanpassingen die ik toch even wilde benoemen.
een Readme op mijn github (die privé staat. Is puur voor mijn docent maar benoem het toch even)
Bug fix bij te lange namen voor een album (Daarmee het max chars ook weg gehaald).
De volledige taal in het engels vertaalt in plaats van half Nederlands half Engels (waar ik soms nogal een handje van heb tijdens programmeren).
Een Privacy Policy (neem die niet te serieus ik heb er vooral een gemaakt om het Dashboard op te vullen)
Op het moment staan er geen toekomstige aanpassingen/coding momenten in mijn agenda voor dit project. Echter wanneer ik klaar ben met een paar andere leuke school opdrachten zou het kunnen zijn dat ik dit project heropak om updates te maken. Ik vind deze opdracht namelijk oprecht erg leuk.
Geef vooral je feedback! Mogelijk kan ik wanneer ik dit project weer oppak de feedback verwerken in de site! Overigens voor de gene die willen weten wat mijn punt was. Ik heb een 10 gekregen voor de opdracht en hiermee heb ik het vak 'Web Development' op school officieel afgerond.
Stijn Lekker bezig geweest Stijn! Mooie updates 🙂
Ik ben zojuist nog eens door de website heengegaan en merkte op dat mijn oude afbeeldingen van mijn feedback verwijderd zijn van mijn account. Was dat zo bedoeld?
Ben je trouwens van plan om ooit nog de applicatie in puur een frontend framework te schrijven? En misschien de site in verschillende talen aan te bieden naast Engels?
Overigens voor de gene die willen weten wat mijn punt was. Ik heb een 10 gekregen voor de opdracht en hiermee heb ik het vak 'Web Development' op school officieel afgerond.
GEFELICITEERD, mooi cijfer! 🎊
Jasper Ik ben zojuist nog eens door de website heengegaan en merkte op dat mijn oude afbeeldingen van mijn feedback verwijderd zijn van mijn account. Was dat zo bedoeld?
Dit klopt! Dit is perrongeluk gegaan tijdens een bug die ik had gemaakt (domme fout ik weet het).
Jasper Ben je trouwens van plan om ooit nog de applicatie in puur een frontend framework te schrijven? En misschien de site in verschillende talen aan te bieden naast Engels?
Hoe bedoel je precies? Dus een website maken die alleen op bijvoorbeeld VueJS draait of?
Stijn Dit klopt! Dit is perrongeluk gegaan tijdens een bug die ik had gemaakt (domme fout ik weet het).
Ah! Vandaar. Geen probleem, dan weet ik dat!
Stijn Hoe bedoel je precies? Dus een website maken die alleen op bijvoorbeeld VueJS draait of?
Ja zoiets. Ik dacht er aan dat je de interface herbouwd in Vue.js of React, voor als uitdaging. Het is wel weer een stap terug omdat je dan je applicatie meer als API moet gaan indelen, maar ik verwacht wel dat je er veel van leert. Het wordt waarschijnlijk al wat makkelijker aangezien je de basis van de infrastructuur al werkend hebt en code kan hergebruiken 🙂