Skip to content

Mentor matching application developed using ReactJS and Firebase

Notifications You must be signed in to change notification settings

Dil02/mentor-matcher

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 

Repository files navigation

/*
* ECS506U - SOFTWARE ENGINEERING PROJECT
* FDM Mentor Matcher
*
*
* Developed in:
* 
* node    	v16.14.0
* npm     	v8.3.1
* VSCode  	v1.65.1
* React  	v17.0.2
* Firebase      v9.12.1
* Bootstrap 	v5.1.3
* HTML5
* CSS3	
*
* Contributors for this project: 
*
* Abdullah Al Asif    200794417   [email protected]
* Antonita Nimalan    200272199   [email protected]
* Bilal Ali Ahmed     200296623   [email protected]
* Dilkush Pemji Punja 200180377   [email protected]
* Jamal Haruna        200503130   [email protected]
* Lily Rose Michael   200452573   [email protected]
*
* 
*/

Instructions for running the project:

1. Install node from by downloading the installer from https://nodejs.org/en/download/

2. Check if you have node installed by typing the commands below:
	node -v
	npm -v
	
	You should be getting something similar to v16.14.0 for node and 8.3.1 for npm

3. Go to your desired destination where you want to make the project and then run the command
	npx create-react-app mentor-matcher

4. Go to the project folder named mentor-matcher, then open the src folder, then delete the existing files
made while creating the project.

5. Extract the src.zip and copy the contents of our src folder and paste them in the new project's src folder.

6. Open a terminal/command line in the mentor-matcher folder. You can do this in Windows 10/11 by going 
back to the folder which contains the mentor-matcher directory, then Shift+Right Click on the mentor-matcher folder
and then select option: Open Command Window (or Powershell/other terminal) here.

7. In the terminal, we have to install the dependencies now. Enter the commands and press enter: 

npm install firebase
npm install [email protected]
npm install react-bootstrap bootstrap
npm install react-firebase-hooks

This will install the React Router v5, firebase, bootstrap, and react-firebase-hooks dependencies if required by your system, as our project
uses these in order to run.

8. Then to start the development server (which will run the application), type in the following in the 
terminal: npm start

9. The previous step will open the application in your favourite browser. 
	*For the best experience, use Google Chrome 

10. Once previous step is completed, the Application is ready to use!

Thank you.


References and tutorials used:

https://devdocs.io/react/
https://firebase.google.com/docs/auth/
https://reactjs.org/docs/getting-started.html
https://getbootstrap.com/docs/4.1/getting-started/introduction/

message js file

https://www.youtube.com/watch?v=zQyrwxMPm88&t=334s&ab_channel=Fireship


Profile js file

https://www.youtube.com/watch?v=9uYTQJEMj8I&ab_channel=Logicism


firebase config file:

https://www.youtube.com/watch?v=_Kv965pA-j8&t=1054s&ab_channel=Logicism
https://www.youtube.com/watch?v=9uYTQJEMj8I&ab_channel=Logicism


Channels and playlists:

https://www.youtube.com/c/PedroTechnologies
https://www.youtube.com/c/WebDevSimplified
https://www.youtube.com/watch?v=zQyrwxMPm88&t=334s&ab_channel=Fireship

About

Mentor matching application developed using ReactJS and Firebase

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published