Redpers

Inhoudsopgave

• Beschrijving
• Live Link Website 🔗
• How to use the page ⌨️ 🖱️
• Techniques Used 📚
• How to Clone and Use This Project 👯
• Bronnen
• Licentie

Beschrijving

Voor de opdrachtgever Redpers hebben wij (Shanna, Ruben & Annelinde) een ontwerp en website ontwikkeld op basis van een Headless CMS API.

RedPers is een journalistiek platform met 54 jonge, gedreven mensen die zich inzetten voor journalistiek. Het biedt de kans om ervaring op te doen met alle aspecten van een journalistiek platform, van schrijven tot websitebeheer. De website is nog geen jaar oud en volop in ontwikkeling.

Dit project had als doel de website gebruiksvriendelijker en toegankelijker te maken. De site is nog niet volledig responsive en werkt niet optimaal op alle apparaten. Er zijn ook onafgemaakte onderdelen en pagina's, en Red Pers wil nieuwe functies toevoegen, zoals:

• Een podcast player
• Betere weergave van foto reportages

Ons doel was om deze verbeteringen te realiseren voor een betere gebruikerservaring.

Live Link Website 🔗

https://lose-your-head-the-client-case-iu4t.vercel.app

How to use the page ⌨️ 🖱️

De website is ontworpen met een gebruiksvriendelijke interface. Bezoekers kunnen eenvoudig door de pagina's navigeren dankzij de intuïtieve structuur. Interactie met de website gebeurt via knoppen, formulieren en andere interactieve elementen die consistent werken op verschillende apparaten.

Techniques Used 📚

De website is gebouwd met behulp van de volgende technieken:

• HTML – Voor de structuur van de website.
• CSS – Voor de opmaak en het ontwerp.
• JS (JavaScript) – Voor interactieve functionaliteiten.
• SvelteKit – Voor het opzetten van een Svelte-gebaseerd framework.
• WordPress – Gebruikt als headless CMS voor contentbeheer via de API.
• WP-API – Voor de verbinding tussen de website en het WordPress CMS.
• npm – Voor package management.
• GitHub – Voor samenwerking.

How to Clone and Use This Project 👯

Volg de onderstaande stappen om dit project lokaal te gebruiken:

1. Clone the Repository
2. Open the repo with a code editor zoals VSCode
3. Open the terminal en navigeer naar de projectmap
4. Type npm i or npm install
5. Type npm run dev
6. "Optional":
   • Fork the repository.
   • Create a new branch and make your changes.
   • Submit a pull request with a description of your changes.

Bronnen

Hier zijn wat handige bronnen die we tijdens dit project hebben gebruikt:

• https://cloudcannon.com/tutorials/sveltekit-beginner-tutorial/sveltekit-components/
• https://www.youtube.com/watch?v=rkwKpULfWZA
• https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/using-keywords-in-issues-and-pull-requests
• https://stackoverflow.com/questions/58937183/browser-doesnt-show-tab-raw-parsed-when-i-send-json-object-by-express
• https://chromewebstore.google.com/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa
• https://www.npmjs.com/package/wpapi

Licentie

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