Block-Tech includes: Project-Tech, Front-end and Back-end
Shields that represent my project - They change over time. (https://shields.io/)
I am a Communication & Multimedia Design student at the Hogeschool van Amsterdam and I am currently in my second year.
For this block (block-web) I was given the task to build a feature for a matching app. it’s an app that allows people to create groups or find groups to join.
The groups you can join have restrictions: activities, duration, distance, and number of people. If you have joined a group, you have found a match. In this project I will create a filter feature where people can base their group on or with which they can find a group. We will be using back-end and front-end tools to create this feature.
Jobstory
When I plan to search for a match I want to set a group to allow a maximum of 20 people, so that I can search for groups with not too many people.
Clone the GitHub Repo locally
git clone https://github.com/TristanVarewijck/Block-Tech.git
Install the Packages
npm install
Start the Server
npm start
You need the following keys to make a connection to the database.
DB_URL="mongodb+srv://<username>:<password>@matching-app.oyitr.mongodb.net/test"
DB_NAME=<databaseName>
The database im using is mongoDB and its structured very simple. You can see the structure in the visual below:
mongoDB -> database -> collection ->> data
This feature should atleast filter:
These are the current visuals of the filter feature.
Of course all files are important but you should at least have a look at these files if you are interested in this repo.
Viewing these files will give you an idea of how this feature is built.
Tristan Varewijck - tristan.varewijck@gmail.com - https://github.com/TristanVarewijck/Block-Tech
Usage is provided under the MIT License MIT. See LICENSE for the full details.