Git Product home page Git Product logo

nazneen05x / lose-your-head-visual-thinking Goto Github PK

View Code? Open in Web Editor NEW

This project forked from kosterm14/lose-your-head-the-client-case

0.0 1.0 0.0 37.79 MB

Ontwerp en maak een component / website voor een opdrachtgever op basis van een bestaande Headless CMS API

Home Page: https://lose-your-head-the-client-case-4x1u.vercel.app/kennisclips

License: MIT License

JavaScript 3.98% HTML 32.74% Svelte 63.28%

lose-your-head-visual-thinking's Introduction

Kennisclips pagina

Schermยญafbeelding 2023-12-01 om 23 33 09

Inhoudsopgave ๐Ÿ“š

Beschrijving / Gebruik ๐Ÿ“ƒ

Ik heb een kennisclips pagina gemaakt voor de kennisclips video's van Visual thinking. Op dit moment kun je alleen de kennisclip onderzoeken en begrijpen bekijken, in de toekomst kun je alle kennisclips videoโ€™s bekijken.

Bekijk hier de kennisclips pagina: https://lose-your-head-the-client-case-4x1u.vercel.app/kennisclips

Kenmerken ๐Ÿ–‡๏ธ

TOOLS ๐Ÿงฐ

  • VSCode

GEBRUIKTE TECHNIEKEN ๐Ÿชš

  • Svelte
  • Html
  • JavaScript

Installatie ๐Ÿ› ๏ธ

  1. Fork deze leertaak.
  2. Code klonen naar Github Desktop.
  3. Code (map) open in VSCode of een andere editor.
  4. Terminal open.
  5. Npm install (typen in je terminal, daarna enter druken).
  6. cd lose-your-head-the-client-case (typen in je terminal, daarna enter druken).
  7. Npm run dev (typen in je terminal, daarna enter druken).
  8. localhost:5173 (live link om artikel (blog) pagina te zien in je browser)

Bronnen ๐ŸŒ

Licentie ๐Ÿ”’

GNU GPL V3

This work is licensed under GNU GPLv3.

lose-your-head-visual-thinking's People

Contributors

kosterm14 avatar nazneen05x avatar joostf avatar marwaxhello avatar koopreynders avatar ju5tu5 avatar daniquedejong avatar tobiasvr23 avatar

Watchers

 avatar

lose-your-head-visual-thinking's Issues

Design feedback

Top: Ziet er mooi overzichtelijk uit. Leuk het bijenraad rechts bovenin. ๐Ÿ‘

Tip: Misschien kan je de tekst 'kennisclips over visual thinking mooi laten uitlijnen:
image

Er staat volgens mij een kleine typfout, er staat Visula Thinking.

Feedback ontwerp Figma

Top: Je ontwerp ziet er heel netjes uit! Alles is overzichtelijk en goed te lezen
Tip: Ik merk dat je content niet in het midden van de website is uitgelijnd, dit komt waarschijnlijk vanwege:
image

Misschien deze afbeelding meer naar echts plaatsen zodat de content echt in het midden van de website komt te staan.

En een andere tip is om het logo gelijk uit te lijnen met de content:
image

Voor de rest: lekker bezig!

Ontwerp feedback

Top: Het ziet er erg overzichtelijk uit en de huisstijl is over de hele pagina goed terug gevoerd.
Tip: Misschien zou het icoontje en de tekst erachter iets dichterbij kunnen zetten zodat de alle tekst misschien op 1 regel past. Zou je even moeten kijken of dat lukt.

Feedback Figma

Ik heb het gevoel dat de footer heel groot is. De rest van het website is dat niet zo.
Misschien meer duidelijk laten zien dat het een video is met meer opties om te klikken
Verder vindt ik het passend bij de website, leuk gedaan!

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.