-
Notifications
You must be signed in to change notification settings - Fork 1
Dil02/mentor-matcher
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
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 0
No packages published