Giter VIP home page Giter VIP logo

landingspagina_whatsapp_smstools's Introduction

Graduaatsproef | Shana Tuyaerts 2022-2023

Landingspagina WhatsApp Smstools

Welkom!

Op de landingspagina wordt informatie vertoond m.b.t. de WhatsApp-dienst, hierbij worden volgende vragen beantwoord:

  • 'Wat is het?'
  • 'Wat doet het?'
  • 'Hoe werkt het?'

Daarnaast zijn er ook de voordelen en mogelijkheden te raadplegen.

Op deze landingspagina heeft de eindgebruiker de mogelijkheid om te ervaren hoe het is om een test-sms te versturen in een automatische chat.
Dit kan dankzij een QR-code (desktop) of via een knop (mobile)
Daarnaast kan een geschatte prijsberekening worden uitgevoerd m.b.t. het versturen van bulk sms'en bij Smstools.

Tot slot kan de eindgebruiker met vragen terecht bij het bedrijf via een contactformulier op de landingspagina.


Het doel van deze graduaatsproef is het bouwen van een landingspagina ter ondersteuning van de huidige Smstools website. Deze informatie zal beter begrijpelijk zijn voor de bezoekers van deze pagina. Naast het Informatieve aspect van deze pagina zal men interactie kunnen met de landingspagina en de gewenste respons verkrijgen.

In onderstaande URL zitten volgende bestanden:

https://drive.google.com/drive/folders/1RDzoBhJnoSfTFMrP8bi949-wBBBPCDWO?usp=sharing

  • Visueel design landingspagina (ontwerpen) - Adobe XD en print screens landingspagina
  • Bronnen (en bekeken bronnen)
  • Aanbevelingen
  • Scenario's test-sms
  • Overige Photoshop en Illustrator bestanden voor de foto's
  • Social media
  • Logboek

This template should help get you started developing with Vue 3 in Vite.

Aanbevolen IDE-configuratie

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Aanbevolen IDE-configuratie (Recommended IDE Setup)

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Configuratie aanpassen (Customize configuration)

See Vite Configuration Reference.


Indien de styling van de import van _base.scss niet doorkomt, in elk component zet je dan de import in commentaar en de variabelen uit commentaar. Dan komt de styling door.

Opstart van het project

Om het project te kunnen starten/uit te voeren, moet je Node.js geïnstalleerd hebben op je desktop.

Te ondernemen stappen:

1. Via volgende link installeer je de LTS versie van Node.JS

https://nodejs.org/en

2. Open het project in een text editor, e.g. Webstorm, Visual Studio Code, ...


Runnen van het project

1. Navigeer naar de projectmap

Om de Vue app te starten, moet je eerst naar de projectmap navigeren waar alle project bestanden in zitten

'cd pad/naar/projectmap'

2. Om het project te runnen, heb je de node-modules map nodig. (project setup)

In deze map zitten alle geïnstalleerde pakketten, dit bevat alle geïnstalleerde modules van het project (e.g. Sass, Axios, ...)

Open de terminal in de editor en type "npm install"

In de terminal zal je zien dat de node-modules map wordt geïnstalleerd en zal je deze ook in de mappenstructuur zien verschijnen

3. Opstarten van de applicatie (Compileer en hot-reload voor ontwikkeling)

Om de applicatie te starten, vul je in de terminal volgende in:

npm run dev

Je zal zien dat er een localhost url zal verschijnen, klik daarop en de applicatie zal openen. (zie afbeelding)

Start server


Compileren en verkleinen voor productie

npm run build

Hopelijk ben je goed geïnformeerd over de WhatsApp-dienst bij Smstools

landingspagina_whatsapp_smstools's People

Contributors

shanatuyaertspxl avatar

Watchers

 avatar

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.