This project was bootstrapped with Create React App.
To run the website from your local computer, you will need to download the code, react, and some other important applications. First, download the code and using the terminal, navigate to the folder where the code is located. After navigating to the folder, you will need to run the following commands:
- npm install
- npm install react-scripts
- npm install [email protected] (If you run into any issues, contact Eric at [email protected] to help troubleshoot. We are currently using npm version 10.2.4.)
After installing the necessary dependencies for React, you will need to download the necessary applications for the database/server. You will need to download Node.js and XAMPP using the following links: https://nodejs.org/en/download https://www.apachefriends.org/download.html
After downloading XAMPP version 8.2.4, you will need to open the manager and start the Apache Web Browser and MySQL database servers. If you are currently using or have an active MySQL database server, you will need to turn it off and turn it on through XAMPP.
Once you start the Apache Web Browser, you will be navigated to the XAMPP homepage, and you will need to go to the phpMyAdmin tab. After accessing the phpMyAdmin portal.
To set up the database, you will need to go to the databases tab and create the database organDonation.
After creating the database, you will go to the import tab and import the organDonation.sql file that is also attached in the repository.
If you are accessing the code through Visual Studio Code, navigate to src->server->config->server.js and right-click on the file. Click on the option that says 'Open in Integrated Terminal' and you will need to install some more dependencies using the following commands:
- npm install mysql
- npm install express
- npm install cors
- npm install body-parser
After installing them, you should use the command 'node server.js' to start the server and it will connect to XAMPP, meaning your data should now be on the website.
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.