This is a dating app created for students that want to meet new people that are also students.
With the app you can make a account, login to your account and edit your account for example a new Bio or a new profile picture.
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
What you need to install this project
Install git
Code editor
node v11.14.0
npm 6.7.0
A MongoDB Installation (local, cloud or server)
The app is build with tHE nodejs express Framework and the EJS page generator to generate pages it also works with HTML.
To install this project make first a folder were you want to install it. Then copy the "HTTPS clone URL" link by clicking the clipboard icon. Use the git clone command and paste the link form your clipboard, You can also copy the command below
git clone https://github.com/TheKevSter35/Proj-tech.git
navigate into the repository and install the dependencies for package.json file that are used for this app. Use the comment below to install al of them.
npm install
dependencies that are used are:
"bcrypt": "^3.0.6",
"body-parser": "^1.19.0",
"boilerplate": "^0.6.1",
"concat-stream": "^2.0.0",
"dotenv": "^8.0.0",
"ejs": "^2.6.1",
"express": "^4.17.1",
"express-session": "^1.16.1",
"handlebars": "^4.1.2",
"mongodb": "^3.2.6",
"mongojs": "^2.6.0",
"mongoose": "^5.5.11",
"multer": "^1.4.1",
"passport-npm": "^2.0.0"
For deployment i used ''Heroku''. But there are also other options for deployment this app.
To make sure that the master-branch is up-to-date, use the pull command
git pull https://github.com/TheKevSter35/Proj-tech.git master
In mongoDB create a db and a collection and change that in the server file te connect with your mongoDB
var db = mongojs('NAME-OF-YOUR-DATABASE', ['NAME-OF-YOUR-COLLECTION']);
Collection Records
To start the server
node server.js
then go to your browser and go to your hostname and port number to see the app. for Example
http://localhost:5000
If you see a start screen then you are set
- Create a new EJS file in de view directory
- Include the partials
- Write HTML inside the EJS file
- Inside the server file add write a new render function. Or copy one existing render function en and change the view name for example
.get("/NEW_EJS_FILE", function (req, res)
The CSS of all the pages are in one CSS file. All coding for each pages are separated from each other in the CSS file.
TheKevSter35 | TECH 4
This project is licensed under the MIT License
- Github
- Stack overflow
- Youtube
- Lectures/labs from school
- Classmates that helped me