Skip to content

Sanne1998HvA/ProjectTech

Repository files navigation

ProjectTech 2022

HTML5 HANDLEBARS CSS3 JavaScript NPM Node Express.js MongoDB Heroku Visual Studio Code Git

👋 Een korte introductie

Mijn concept voor mijn applicatie: Sportmaatje

Het concept wat ik heb bedacht op basis van de probleemstelling is een applicatie waar mensen zich
aan kunnen melden en je een sportmaatje kunnen matchen. Dit kan op basis van filteren op niveau,
soort sport, locatie, club/sportschool etc.

⭐ De functie

De functie die in deze repository is uitgewerkt is het proces van het registreren en dus het maken
van een account en het inloggen van het account.
Ik heb deze functie gekozen omdat ik dit graag wilde leren. Ik heb eigenlijk nog nooit ECHT met
databases gewerkt en dit leek mij een goede instapper om het contact tussen code en een database
te beginnen te begrijpen en uit te voeren.

💻 Deployed

Ik heb hem gedeployed via Heroku. Hieronder kan je mijn webapplocatie online zien.
Mijn webapplicatie deployed

⚙️ Instaleren

Hoe installeer je mijn applicatie?

Als eerste stap moet je deze repository clonen naar jou eigen computer.
Clonen houd in dat je de inhoud van de repository op je eigen computer download,
vanaf hier kan je hem zo meteen runnen.

Dit doe je door deze code hieronder te runnen in je terminal.

Dit kan je ook via de browser doen.

$ git https://github.com/Sanne1998HvA/ProjectTech

Zodra je dan in de terminal navigeert naar dit specifieke mapje moet je nog alle
gebruikte pakketjes downloaden die ik heb gebruikt voor deze applicatie.
Dit doe je door wederom in je terminal de onderstaande code runt.

npm install

Packages die je nodig heb

Je heb deze pakketjes nodig om alles te laten werken zoals hij bedoeld is.

  • body-parser
  • camelcase
  • dotenv
  • express
  • express-handlebars
  • mongoose
  • slug
  • eslint
  • prettier

Als je in het mapje kijkt in de package.json en deze opent in een code editor kan
je alle gedownloade en nodige pakketjes zien voor dit project.

Als alles is gedownload is het tijd om het project op te starten. Hierdoor kan je
de site lokaal zien via je localhost. Welke localhost je moet hebben verschijnt zo
in je terminal. Dan kan je in je browser zoeken naar localhost:#### met op de plek
van de "#" hekjes het nummer uit je terminal.

Om het project te runnen, zet deze code hieronder in de terminal en de localhost verschijnd.

npm run dev

Gefeliciteerd! Nu runt mijn applicatie op jou computer.
Ga nar je browwser en zoek de site op. 😬

Licence & Auteur

Auteur: Sanne Kes, license by MIT.

Gebruikte bronnen

Dev.to - Frontend form validatie
Alle stappen van connecten met de db tot registreren inloggen
Event preventDefault()
Regex
Hashing
Bcrypt
Heroku
Express
Mongoose
Express Handlebars
ESLint
Handlebars
Handlebars install

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published