Code Monkey home page Code Monkey logo

grote-themas-sprint-19's Introduction

๐Ÿ–ฅ๏ธ Platform Grote Thema's

Deze repository is de release candidate voor de opleiding CMD van de HvA.

Schermยญafbeelding 2024-01-24 om 15 17 57

๐Ÿ“š Inhoudsopgave

  • ๐Ÿ“ Beschrijving
  • ๐ŸŽฎ Gebruik
  • ๐ŸŽจ Kenmerken
  • โš™๏ธ Installatie
  • ๐Ÿ”— Bronnen
  • ๐Ÿ’Ž Licentie

๐Ÿ“ Beschrijving

Voor de opleiding Communication and Multimedia design (CMD) vroeg men om een platform waar ze werkvormen kunnen uploaden.

๐ŸŽฎ Gebruik

De meeste gebruikers van dit platform zijn de docenten van CMD. Zij kunnen door middel van het upload formulier een werkvorm uploaden met bijhorende content als een video, beschrijvende tekst en faculteit waar de opleiding onder valt. Het was primair voor CMD ontworpen maar is voorbereid op het gebruik voor andere opleidngen van andere faculteiten.

๐ŸŽจ Kenmerken

Dit platform is gebouwd met onder andere: html, css, javascript en het framework Sveltekit

โš™๏ธ Installatie

create-svelte

Everything you need to build a Svelte project, powered by create-svelte.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project in the current directory
npm create svelte@latest

# create a new project in my-app
npm create svelte@latest my-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

.Env bestand

Dit project maakt gebruik van een .env bestand om onze omgeving te koppelen aan ons gekozen headless cms Directus. Hier vandaan haalt het project de benodigde data vandaan. De opmaak van het .env bestand ziet er alsvolgt uit:

DIRECTUS_KEY = "[...]"

Neem contact op voor meer informatie en toegang.

๐Ÿ”— Bronnen

Enhanced colours

Fullscreen API

๐Ÿ’Ž Licentie

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

grote-themas-sprint-19's People

Contributors

mokhtarakle avatar joostf avatar justinlung avatar ivarschuyt avatar ju5tu5 avatar tristandemuijnck avatar

grote-themas-sprint-19's Issues

Code design review

Tips

Misschien per rij 4 kaarten vertonen inplaats van 3 want nu heb je daar te veel witruimte.

Schermafbeelding 2024-03-21 om 12 34 10

De kleur van de icon is slecht zichtbaar vanwege de kleur geel.

Schermafbeelding 2024-03-21 om 12 35 33

De witruimte is niet consistent begrijp is een minimal website maar door vaste margin en padding te geven en dat alles mooi uitgelijnd is zal de website minder leeg lijken.

Schermafbeelding 2024-03-21 om 12 36 20

Misschien hier een achtergrond kleur erbij doen zodat het minder leeg lijkt.

Schermafbeelding 2024-03-21 om 12 38 21

De login centreren en misschien beetje vergroten.

Schermafbeelding 2024-03-21 om 12 39 34

Tops

  • Heel mooi hoe je de login systeem heb gemaakt
  • Je hebt clean consistent code

Feedback op Code-review

De opdracht voor de tweedejaars was om een code review te doen met een eerstejaars op het gebruik van EJS en partials. Mokthar heeft toen een code review voor mij gedaan en alles in een Github issue geschreven : Geschreven Issue door Mokthar. Tijdens de code review vroeg hij mij ook een aantal vragen over bepaalde EJS termen en wat bepaalde regels code deden. Op een paar vragen had ik geen antwoord en probeerde hij het duidelijk uit te leggen waardoor ik het gelijk beter begreep.

Daarnaast heb ik ook een code review gekregen voor mijn HTML & CSS wat eigenlijk niet bij de opdracht hoorde maar wel fijn en handig was omdat een tweedejaars natuurlijk anders kijkt naar code als een eerstejaars.

Feedback CMD student question

I'm Rose, a Communication and Multimedia Design third year student. My teacher Sanne 't Hooft at the Amsterdam University of Applied Sciences redirected me to the study that Mokhtar follows, because my team and I were running into a problem with SvelteKit that nobody on our side could fix. Mokhtar helped me, and without him, we would not have been able to fix the problem.

The problem had to do with a complex function within the Mapbox-GL library, where a function was not updated when it's paramater value changes. We spent a lot of time on this, but he knew exactly what to look for and was able to quickly determine the next steps as we worked through the problem.. and the ones that revealed themselves, as is inevitable when you fix one thing.. but he handled it!

He is incredibly patient, knows what to look for, and working with him went very smoothly. Thanks a lot for the help and good luck in the future! :)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.