The Recipe App - Git Good 207

Our group, Git Good 207, decided to make a Recipe sharing app called Foodstagram.

Group Members:

• Eric
• Yolanda
• Shawn
• Sebastian
• Glen
• Justin

How to setup your MySQL Database

You need to setup a MySQL Database to get Foodstagram running. To do so, follow these steps:

1. Make sure you git pull from the main branch.
2. Download MAMP here https://www.mamp.info/en/downloads/. MAMP is a local server environment that will allow the database to operate on your computer.
3. Install MAMP
4. Open MAMP
5. Click "Preferences" in the top left of the window.
6. Go to the "Ports" tab.
7. Click the "MAMP default" button next to "Set Web & MySQL ports to:"
8. Click OK to confirm your Port options.
9. Now you should be back at the MAMP window main area (where you were after step 3)
10. Click the "Start" button in the top right to start your server.
11. Now click the "WebStart" button in the top right. This should open a tab in your web browser.
12. In the menu of this website, go to "Tools > phpMyAdmin".
13. Click "New" on the left menu bar on the left side of your window. A database creation menu will open on the main area (on the right). Enter "foodstagram" as the name of your database and click create.
14. You should see a toolbar at the top of the window that has "Databases, SQL, Status, User accounts, Export, Import, Settings, etc.". Click on "Import".
15. Click on "Choose File" and go to your Course Project directory (wherever your local copy of our app is), and select the file "setup.sql".
16. Now that "setup.sql" is loaded in, click the "Go" button in the bottom right of the webpage.
17. Navigate to "User Accounts" in the top bar.
18. Click on "Add new account".
19. In username put "admin" and in password put "1234". Retype the password. Next to "Global Privileges", click on the words "Check all".
20. Scroll down and click "Go" to create your user.
21. Open the course project in IntelliJ.
22. In the top menu, go to File > Project Structure. In the window that opens, go to Modules > Course_project > main. Open the dependencies tab on the right.
23. Once in the dependencies view, click the + button right above the word "export". Select the first option: "1 Jars and Directories", and select the mysql-connector.jar file in the "lib" folder of our course project.
24. Click apply, and when the apply button greys out, click OK.
25. In the top menu, go to View > Tool Windows > Database
26. In the Database window click the '+' icon, then Data Source > MySQL. A "Data Source and Drivers" window should pop up.
27. Set Port to 8889, User to "admin", and Password to "1234"
28. Then at the end of the URL enter "/foodstagram"
29. Press "Apply" and then "OK".
30. Your MySQL server is now running and the Database should work. You can confirm this by running the main method in MySQLController.

How to setup the web front-end

These instructions are based off of https://angular.io/guide/setup-local.

1. Install Node.js here: https://nodejs.org/en/download/.
2. Open a terminal window inside the foodstagram-ui folder.
3. In your terminal, run "npm install -g @angular/cli"
4. Run the command "ng serve --open"
5. A browser window should open with the web frontend.
   Note: the web frontend will be hosted at localhost:4200 and can be accessed by typing that address in your web browser (when the development server, ng serve, is running).