Capstone Project - Aimee Oz - Ada Developers Academy
- Reveal is the frontend repository of Range Reveal, bootstrapped with Create React App. It was deployed with AWS Amplify.
- Range is the backend repository.
- Clone this repository.
$ git clone https://github.com/marks214/reveal.git - Navigate to the project directory.
$ cd reveal - Install the dependencies.
$ npm install - Run the server.
$ npm start
In package.json the proxy for the backend is set to http://localhost:5000/. This may need to be changed to reflect your local backend server's address (e.g., http://127.0.0.1:5000, http://localhost:3001, etc.).
Currently the backend url accessed by the app is https://www.rangereveal.aimeeoz.com. Set it to your local server.
Range Reveal is a food-tracking web app. It is intended to help users track what they eat per day. Users can set custom energy and macronutrient goals (range), search through a database of foods, and add custom foods to the database. Users can then access their food journals, modify if needed, and see (reveal) graphs of their energy and macronutrient consumption over the course of a week.
- Login or create an account. You will then be prompted to confirm your account.
- After login you will see your user profile with default energy and macronutrient ranges.
You can enter custom goals for yourself by either typing them directly in the fields, or modifying the existing values using the arrows. You will need to click on "update goals" at the bottom of the page to save changes.
- Start tracking foods by clicking on Food Search in the navigation bar.
On the Food Search page you can search for different foods by typing in the name of a food or brand (e.g., apple, honeycrisp apple, Kirkland, etc.), and then pressing enter. Click add on the food card that appears, if you are satisfied with the results of the search.
- You can create a custom food using the form on the right.
After you fill out the form, click on the "Add Food" button. Your custom food will be added to the database for future searches. Your custom entry will appear to the left where you can add it to your food journal.
- Once your have finished searching and adding your foods you can click on the "Data" tab at the top to navigate to your food journal. Here you can see and modify your food journal. Additionally, you can choose to reveal your weekly data.
Example of new user graphs:
