Dit is de repository van het project Festifriends van Blok-Tech. We hebben binnen Blok-Tech de opdracht gekregen om een matching applicatie te maken met een thema naar keuze. Hierin verwerken we een feature door middel van back-end en front-end code. In de repository is naast de code ook een wiki te vinden waarin het project en keuzes worden uitgelegd, veel plezier!
Voor dit project hebben we een concept moeten maken voor onze matching applicatie. Ik heb zelf veel met festivals en muziek en vind het ook leuk om deze te bezoeken. Daarom wil ik gebruikers graag naar elkaar laten zoeken en elkaar kunnen liken zodat ze gezamenlijk naar een festival kunnen gaan. Het concept is verder bescheven in de wiki pagina: Ideas & Concept.
Zorg ervoor dat git werkend is op je computer.
-
Github Desktop GitHub Desktop is een GUI versie van git waarmee je een visuele weergave krijgt van wat je met git kan en waarbij git automatisch wordt geïnstalleerd. Leer meer via de volgende link: GitHub Desktop
-
Git voor Windows Volg de volgende link om git te installeren voor Windows: Git Windows Controleer in de terminal of git goed is geïnstalleerd:
$git version -
Git voor MacOs De meeste MacOs devices hebben al git, activeer het in de terminal met:
$git versionInstalleer het anders via deze link: Git MacOs Controleer in de terminal of git goed is geïnstalleerd:$git version -
Git voor Linux Installeer git door in de terminal van Ubuntu/Debian het volgende te plaatsen:
sudo apt-get install git-all
Voor het clonen van de repository op je lokale apparaat zijn er twee mogelijkheden:
- Using your terminal, move to a location on your device such as a directory on your desktop.
- Copy the following code in your terminal and press 'Enter'.
git clone https://github.com/thimogagliano/Project-Tech-22-23.git
- The repository should now be cloned on your local device in your selected directory.
- First things first, make sure you have GitHub Desktop installed.
- Go to the webpage of this repository on the '<> Code' tab.
- In the corner on the top-right side click the green button '<> Code'.
- Click on 'Open with Github Desktop'
- Locate to a path on your local device where you want to clone this repository.
- Click on 'clone', the repository should now be cloned on your local device.
Voor het installeren van packages gebruik je het volgende in de terminal met daarachter de naam van de package van npm
$npm install
Gebruik hierbij vooral de documentatie die te vinden is op npm van het desbetreffende package.
-
Developer, draait de code in developer modus met nodemon en scss.
$npm run dev -
Productie, draait de code voor productie.
$npm start
This project is MIT licensed.
- https://cbea.ms/git-commit/
- https://desktop.github.com/
- https://github.com/Binaryify/OneDark-Pro
- https://dev.to/andrewbaisden/how-to-use-eslint-and-prettier-for-code-analysis-and-formatting-1b4g
- https://learn.coderslang.com/0023-eslint-disable-for-specific-lines-files-and-folders/#:~:text=Ignore%20multiple%20files%20or%20folders,eslintignore%20in%20the%20root%20catalog.
- https://dev.to/tillsanders/eslint-not-working-in-vscode-help-build-a-troubleshooting-checklist-fdc#:~:text=Open%20the%20command%20palette%20(%20Ctrl,and%20confirm%20with%20'Accept'.
- https://www.smashingmagazine.com/2009/04/progressive-enhancement-what-it-is-and-how-to-use-it/
- https://www.quirksmode.org/blog/archives/2021/02/progressive_enh_1.html
- https://archive.hankchizljaw.com/wrote/the-power-of-progressive-enhancement/
- https://www.bol.com/nl/nl/
- https://www.youtube.com/watch?v=T8EYosX4NOo
- https://codyhouse.co/gem/back-to-top/
- https://css-tricks.com/how-to-make-an-unobtrusive-scroll-to-top-button/
- https://codyhouse.co/gem/back-to-top/
- https://css-tricks.com/how-to-make-an-unobtrusive-scroll-to-top-button/
- https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation
- https://moderncss.dev/custom-select-styles-with-pure-css/
- https://flaviocopes.com/how-to-add-event-listener-multiple-elements-javascript/
- https://sass-lang.com/guide
- https://www.youtube.com/watch?v=EsSHjDo0Y3E