Een dynamische frontend waar verschillende contracten worden gerepresentateerd. Hier wordt een overzicht aangeboden waar prijzen, servicecontracten en activiteiten bij horen.
In dit project ben ik aan de slag gegaan met het maken van een landingspagina waar klanten een weergave krijgen van verschillende service contracten.
Deze landingspage is bedoelt om gebruiker (klanten) een idee te geven wat deze service contracten inhouden, wat ze bieden, kosten en wat de vergelijkingen zijn met betrekking tot andere contracten.
Dit project is gemaakt met:
Tools
- 💻 Visual Studio Code
- 🎨 Concepts
- 🖼 Figma
Tech
- 🔑 Dotenv
- ⚙️ NodeJS
- 🖼️ EJS
- 📡 ExpressJS
- 🖌️ CSS
NodeJS is een JavaScript runtime omgeving waarmee JavaScript buiten de browser kan worden uitgevoerd. Met Node js kun je gebruik maken van server side scripting en command-line tools.
EJS is een templating language voor het genereren van HTML met JavaScript. Het zorgt ervoor dat ik HTML files kan renderen met JavaScript data. Ook kan ik gebruik maken van partials om mijn HTML code zo DRY mogelijk te maken.
ExpressJS is een NodeJS framework. Express helpt binnen dit project bij het verwerken van API requests en responses.
Deze website maakt gebruik van data uit de HUB. In de .env.example staat uitgelegd hoe je hier van gebruik kan maken.
Voorbeeldje van het .env bestand.
ACCESS_TOKEN="Vul hier je token in"
- Clone of download deze repository naar de gewenste folder.
- Open de root directory van dit project en open het project in een code editor naar keuze.
- Gebruik
npm installom de benodigde packages te downloaden voor dit project. - Vul je ACCESS_TOKEN in het .env bestand in.
- Start een server met
npm run start.
Mobile pricing page design & Explanations
Designing pricing pages on desktop
This project is licensed under the terms of the MIT license.