Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Live chat media player#83 #22

Open
wants to merge 135 commits into
base: main
Choose a base branch
from

Conversation

OniWithTheHoodie
Copy link

Schermafbeelding 2024-11-29 120128

Schermafbeelding 2024-11-29 120153


Welke testen heb ik uitgevoerd?
ik ben onze hele DOD afgegaan en heb de functionaliteit ook getest.

Code

  • Je code voldoet aan de afgesproken conventies
  • Je bent consistent met het gebruiken van tabs en enters
  • Je structureert je code met comments
  • Je legt ingewikkelde code uit met comments

Ontwerp

  • Het afgeronde component komt overeen met het ontwerp

  • Het is responsive op alle schermen tot minstens 300px breed

Toegankelijkheid

  • Is te bedienen met toetsenbord
  • Heeft een duidelijke focus state
  • Er wordt gebruik gemaakt van semantische html (probeer divs te voorkomen)
  • Op alle buttons en overige klikbare elementen staat cursor: pointer
  • Je scoort minstens een 85% op Lighthouse voor zowel mobiel als desktop op toegankelijkheid
  • Bij afbeeldingen, buttons en links staan alt tags die kort en duidelijk beschrijven wat het doet
  • Je html komt door de html validator
  • Er is op meerdere browsers getest, minstens firefox en chrome

Performance

  • Alle afbeeldingen hebben een standaard hoogte en een standaard breedte meegekregen in de html
  • Het formaat van elke afbeelding is webp of svg
  • Je hebt geen onnodige / dubbele code
  • Je behaalt een 85% op de performance Lighthouse test op zowel mobiel als desktop

Mergen

  • Alle merge conflicts zijn opgelost
  • Minstens 1 persoon heeft je code beoordeeld en goedgekeurd

Wat moet er getest worden?
Ik zou graag willen dat er iemand extra controlleert of:

Alle functionaliteiten onder het kopje hoe werkt het, werken
Of alles volgens code conventies is
Of ik mij aan alle DOD's heb gehouden

driezie and others added 30 commits September 23, 2024 15:06
- Global Style css
- Link stylesheet in head

Link #9
Ik heb de basic layout in html gemaakt, ook heb ik de styling voor mobile al gedaan.

Ik doe deze commit omdat ik graag verder wil werken om mijn desktop.

Daar zal ik weer per kleine commit werken.
Ik heb de flexbox goed gezet in deze commit. hierdoor flext hij altijd tot volledige breedte
Made general styling and variables in the style.css
Chaning of pathing
adapter
This reverts commit 8281ec6, reversing
changes made to 20d0af0.
Deze commit is erg groot, dit omdat daan en ik een error hadden met de merge, dus heb ik alles handmatig gedaan
I made a button with a dynamic link and label, i also added some cool animations on it!
Set temp fonts in styleguide
This is part of #32 & #9
Footer gemaakt
-dit bestaat uit een grid layout
-flexbox op de icons en links
-images zijn enhanced en hebben een webP en Avif
Ik heb een hover effect aan de knop toegevoegd en een functie waarmee je de svg uit kan zetten op de knop zodat deze te hergebruiken is
-class op enhanced images verplaatst naar list
-h4 veranderd naar h3
-.footer__header-footer veranderd naar .footer__h2 om benoeming in lijn te houden
added font files
-fonts has properly been added
Ik heb comments en alle kleuren custom variabelen gegeven
I made a variable that can turn off the transparant background at 600px
Removed javascript click animation for peformance
-cursor pointer voor incons en links
-text-size toegevoegd voor copyright
- cursor pointer voor links
In this push, is the html setup for the component
Started editing the css, this isnt finsished. but i want to work further from here
Heb de footer aangepast zodat het onderste gedeelte niet buiten de footer komt
Daan645 and others added 30 commits October 25, 2024 18:49
ik heb de omschhrijving binnne de alt attributen aangepast naar lowercase volgens de html standaard
In deze commit voeg ik de juist bestanden toe, deze op basis van de atomic design.
In deze push heb ik het component gemaakt voor de bottom menu. Dit is een atoom kwa grote.
In deze commit zorg ik ervoor dat de tabmenu_link, correct wordt ingeladen in het tabmenu.
In deze commit heb ik het slide in menu gemaakt, deze zal ik in de volgende commit koppelen aan het volledige component.
In deze commit zorg ik ervoor dat het mobile menu juist werkt
component gemaakt aan de hand van de atomic disgn gemaakt:

Een radio speler dat een livechat knop heeft dat in en uit kan klappen. waar het de bedoeling is dat je met luisteraars en kan communiceren met DJ of spreker.

- Dit bevat atoms met kleine componenten
- Molecules: die atomen bevaten en een molecule formen
- organisme: atomenen en molecules die een organisme foremen
Schedule - Timeline - Dikgedrukte tijden #35

Schedule - Horizontal Sticky scrolling #80

Schedule - Current time line #81

Schedule - Clock animatie op basis van begin tijd #94
margin-left removed
updated change
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants