Skip to content

AgonisticKatai/Take-My-Friends-Skylab-final-project-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 

Repository files navigation

HTML5,CSS3 and JS ES6 Bootstrap
npm React NodeJS ExpressJS MongoDB Monogoose

Skylab

Take My Friends

Skylab Final Project

Login and register

Login and register

Home page

Home

Home down

Profile page

Profile

It is the application that I have presented as the final project of the Skylab Coders Academy bootcamp.

It is based on an idea similar to Facebook and LinkedIn through which we can create a social network of friends in which to find who works in a particular sector. The idea is to find in your circle of friends who works in a certain sector and to be able to contact with him to request some kind of collaboration.

Through a quick registration form we can access the main page in which we will see a series of friendship suggestions, see your personal profile and add to our list of contacts.

Once it is our contact we can send you messages that you will receive in your inbox section.

After adding a friend, we will automatically suggest a series of contacts in the section 'Do You Know them?' which shows possible friendships among those who have already added our contacts.

In the section 'Categories' will be shown a list of all the trades of our contacts and clicking on any of them we can see how many of our friends have that same profession and get in touch with them.

Finally we have a search bar in which we can enter a type of work and see how many coincidences there are among our friends.

Project links

  • You can view project online http://takemyfriends.surge.sh

    username: nachotorrella@gmail.com
    
    password: 1234
    
  • or install client and server on your computer

- Install server and database

(YOU NEED AN ACCOUNT ON MONGOLAB AND SENGRID)
1) Clone the back-end code link repository (Take My Friends back-end code link)
2) Create a .env file on the root folder
3) Enter the following information in the .env file
URL_DB=mongodb://<YOUR DB USER>:<YOUR DB PASSWORD>@ds<YOUR DB URL>.mlab.com:<YOUR DB PORT>/<YOUR DB NAME>

SECRET=XXXXXXXXXX

SENDGRID_API_KEY=XXXXXXXXXX
4) Import the database
mongoimport -h ds<DB URL>.mlab.com:<DB PORT> -d <DB NAME> -c users -u <DB USER> -p <DB PASSWORD> --file <JSON FILE PATH>
(JSON file are in JSON_user_database folder)
5) Run server
npm run dev

- Install REACT client

1) Clone the front-end code link repository (Take My Friends front-end code link)
2) Run client
npm start