|
13 | 13 | ## Directions |
14 | 14 |
|
15 | 15 | * Please navigate to our app by clicking [this link](http://68.183.30.203:3000/). Once there, you can create an account, select a pet, and explore the site. |
| 16 | +* Study Buddy is a Progressive Web App (PWA). This means it's a web site that you can use in your browser, or it can be downloaded to your device and used like an app. |
| 17 | + * On iOS: Open Safari and navigate to the site. Press the "Share" button and select "Add to Home Screen" from the popup. Lastly, tap "Add" in the top right corner to finish installing the PWA. It will now be on your home screen. |
| 18 | + * On Android: Open Chrome and navigate to the site. Press the "three dot" icon in the upper right to open the menu. Select "Add to Home screen." Press the "Add" button in the popup. The PWA is now installed and available on your home screen. |
| 19 | + |
16 | 20 | * The following pages are functional: Register, Login, Home, Account, Canvas Integration, and Logout. |
17 | 21 | * On the Home page, you'll see your chosen pet and its name. You can modify the pet's name and bio by clicking on the Profile tab. |
18 | 22 | * You can add tasks in the Tasks tab. When you check a task off, it is marked completed and you earn a candy. |
19 | 23 | * To view your inventory of candies earned from completing tasks, go to the Inventory tab. You can feed your pet by dragging and dropping candies onto it, and watch the progress bar fill up. |
20 | 24 | * The Calendar and Progress tabs are currently under development. |
21 | 25 | * On the Canvas Integration page, you can follow directions to generate and upload a Canvas API token to import your assignments from Canvas into the application. |
22 | 26 | * If you encounter any bugs or issues, please visit our <a href="https://capstone-projects-2023-spring.github.io/project-virtual-pet/">documentation site</a> and click on the "Report Bug" button located on the right-hand side of the page. This will take you to a feedback form where you can provide details about the problem you encountered. |
| 27 | + * Points of contact: Mary Clay (mary.clay@temple.edu) & Alexander Russakoff (alexander.russakoff@temple.edu) |
| 28 | +* For QA testing purposes, please reference the [Acceptance Testing document](https://docs.google.com/spreadsheets/d/1cuUb6Kp730-dWrmaLGF4BwymjM5wOjrheQmZXhBRBhs/edit?usp=sharing). |
23 | 29 |
|
24 | 30 | ## Keywords |
25 | 31 |
|
@@ -58,6 +64,70 @@ Another closed-source mobile application, titled [Finch](https://finchcare.com/) |
58 | 64 |
|
59 | 65 | Research will need to be conducted on the various software resources needed to complete this project, including JavaScript, React, HTML/CSS, Django, SQLite, and Canvas API. React will be used for the front-end, Django for the back-end, and a combination of a SQLite Database with a schema defined and managed by Django and a Static File store. A required resource is an Ubuntu server which will either be run on an old laptop or a hosting service will be used. No other hardware resources are required. |
60 | 66 |
|
| 67 | +## Local Build Instructions |
| 68 | + |
| 69 | +### Prerequisites |
| 70 | + |
| 71 | +* Python 3.8 or higher |
| 72 | + |
| 73 | +* pip3 22 or higher |
| 74 | + |
| 75 | +* npm 8 or higher |
| 76 | + |
| 77 | +> A secret key and a gmail password will be required in backend `.env` file for the project to run correctly. If you are an approved developer on this project, reach out to your team lead to receive the requisite credentials. Modification of the backend code source code will be required in order to send email verifications on user registration. Our team is happy to assist in guiding you through this process. |
| 78 | +
|
| 79 | +### Set Up |
| 80 | + |
| 81 | +1. <a href=https://github.com/Capstone-Projects-2023-Spring/project-virtual-pet/releases>Download</a> the zip file in the release and open. Open a terminal, then navigate to the project directory. |
| 82 | + |
| 83 | +2. Insert your development keys to `~/sb/backend/.env` |
| 84 | +``` |
| 85 | +SECRET_KEY=<YOUR-KEY> |
| 86 | +GMAIL_PASSWORD=<YOUR-PASSWORD> |
| 87 | +``` |
| 88 | +3. Navigate to the backend: |
| 89 | + |
| 90 | +```bash |
| 91 | +cd <your-path>/sb/backend |
| 92 | +``` |
| 93 | + |
| 94 | +4. Activate a Python virtual environment and install dependencies: |
| 95 | +> (MacOS/Unix) |
| 96 | +
|
| 97 | +```bash |
| 98 | +source tutorial-env/bin/activate |
| 99 | +pip3 install -r requirements.txt |
| 100 | +``` |
| 101 | +> Windows |
| 102 | +
|
| 103 | +```bash |
| 104 | +tutorial-env\Scripts\activate.bat |
| 105 | +pip3 install -r requirements.txt |
| 106 | +``` |
| 107 | + |
| 108 | +5. Activate the backend with the following instructions: |
| 109 | + |
| 110 | +```bash |
| 111 | +python3 manage.py makemigrations |
| 112 | +python3 manage.py migrate |
| 113 | +python3 manage.py runserver |
| 114 | +``` |
| 115 | + |
| 116 | +6. Now, open a new terminal and from the project directory, navigate to the frontend: |
| 117 | + |
| 118 | +```bash |
| 119 | +cd <your-path>/sb/frontend |
| 120 | +``` |
| 121 | +7. Build the frontend as follows. Dependencies will be downloaded and compiled for you: |
| 122 | + |
| 123 | +```bash |
| 124 | +npm install |
| 125 | +npm run build |
| 126 | +nmp start |
| 127 | +``` |
| 128 | +8. In your browser, navigate in the search bar to <a href="http://localhost:3000">http://localhost:3000</a>. |
| 129 | + |
| 130 | + |
61 | 131 | ## Collaborators |
62 | 132 |
|
63 | 133 | [//]: # ( readme: collaborators -start ) |
|
0 commit comments