Een website/applicatie voor de jeugdvereniging Nathanaël
Ik heb deze applicatie/website gemaakt als een project voor de kerkelijke jeugdvereniging 'Nathanaël', een christelijke jeugdvereniging in Nederland, onderdeel van de HHK (Hersteld Hervormde Kerk). De belangrijkste functionaliteiten van de applicatie zijn het eenvoudig weergeven van informatie en het registreren voor aankomende activiteiten.
- Aankomende Activiteiten: Bekijk een lijst met aankomende activiteiten, inclusief datum, beschrijving en locatie.
- Activiteitenregistratie: Meld je eenvoudig aan voor specifieke activiteiten via de website.
- Herinneringen: Ontvang tijdige herinneringen voor activiteiten zodat je niets mist.
- Bestuursinformatie: Lees meer over het bestuur van de jeugdvereniging, hun rollen en bijdragen.
- Faciliteitenoverzicht: Ontdek welke faciliteiten beschikbaar zijn voor evenementen en bijeenkomsten.
- Kerkgeschiedenis: Leer over de oprichting en groei van de kerk, inclusief belangrijke mijlpalen.
- Contact en Vragen: Vind contactgegevens van de vereniging, inclusief e-mailadressen en namen.
De applicatie maakt gebruik van moderne technologieën voor optimale prestaties en gebruikerservaring:
- Next.js (TypeScript): Het framework voor de applicatie, met ondersteuning voor server-side rendering en statische generatie.
- Vercel: Hosting- en deployplatform geoptimaliseerd voor Next.js-applicaties.
- TailwindCSS: Utility-first CSS-framework voor snelle en consistente styling.
- RelumeUI: UI-bibliotheek met herbruikbare componenten voor een consistente vormgeving.
- ShadCN: UI-stylingbibliotheek voor toegankelijke en modulaire componenten.
- React-Icons: Uitgebreide iconenbibliotheek voor een visueel consistente UI.
- Algemeen: De startpagina met informatie over de jeugdvereniging en een overzicht van aankomende activiteiten.
- Bestuur: Een pagina met informatie over de bestuursleden, hun rollen en bijdragen.
- Huisvesting: Informatie over de beschikbare faciliteiten voor de jeugdvereniging, inclusief locaties.
- Ontstaan: Een pagina met de geschiedenis en oprichting van de kerk.
- Contact: Contactgegevens, inclusief e-mailadressen en namen.
- Activiteiten: Overzicht van alle aankomende activiteiten, inclusief de mogelijkheid om je aan te melden en meer details te bekijken.
Dit project valt onder de MIT-licentie, waardoor hergebruik en aanpassing met naamsvermelding is toegestaan.
Huidige versie: v1.0
Vragen, feedback of gewoon even hallo zeggen? Neem contact op via devlamper06@gmail.com.
Bedankt voor het bekijken van dit project! :D
A website/application for the youth association Nathanael
I created this application/website as a project for the church youth association 'Nathanael', a Christian youth association in the Netherlands, part of the HHK (Hersteld Hervormde Kerk). The main functionality of the application is displaying information easily understandable for the user and registering for upcoming events.
- Upcoming Activities: View a list of upcoming activities, with detailed information on each event, including date, description, and location.
- Event Registration: Sign up for specific activities directly from the website, ensuring participation in key events.
- Activity Reminders: Receive timely reminders about upcoming activities to stay informed and engaged.
- Board Information: Learn about the leadership and board members of the youth organization, their roles, and how they contribute to the community.
- Facilities Overview: Discover the facilities available for events and gatherings, including location details and amenities.
- Church History: Explore the story of the church's foundation and growth, including key milestones and historical events.
- Contact and Inquiries: Access contact information for the organization, including emails and names for direct communication.
The application uses modern technologies to provide an optimal performance and user experience:
- Next.js (TypeScript): Primary framework for building the app, supporting server-side rendering and static site generation.
- Vercel: Hosting and deployment platform optimized for Next.js applications.
- TailwindCSS: Utility-first CSS framework for rapid, consistent styling.
- RelumeUI: UI library for easily reusable components which are consistent in styling and design.
- ShadCN: UI styling library for modular and accessible components, ensuring a cohesive design.
- React-Icons: Extensive icon library to improve visual consistency in the UI.
- Algemeen: The main page featuring information about the youth organization and a grid displaying the upcoming activities, highlighting key events and initiatives.
- Bestuur: A page showcasing the board members of the organization, their roles, and contributions.
- Huisvesting: A page detailing the facilities available for the youth organization, including locations and more information.
- Ontstaan: A page that narrates the history and founding story of the church.
- Contact: A page with contact information, including email and names.
- Activiteiten: On this page, you can see all the upcoming activities. The user also has the ability to click on a specific activity and sign up for one, with detailed information on each event and registration options.
This project is licensed under the MIT License, allowing for reuse and modification with attribution.
Current Version: v1.0
Got questions, feedback, or just want to say hi? Reach out at devlamper06@gmail.com.
Thanks for checking out this project! :D