jennymylee/tdd-lifetracker-starter

The LifeTracker assignment starter code for SITE interns 2022

Week 3 Assignment: Life Tracker

Submitted by: Jenny Lee

Deployed Application: Lifetracker Deployed Site

Application Features

Core Features

• The Nav Bar: Implement customized views for users who are logged in vs not logged in.
  • If the user is logged in, it should display a Sign Out button.
  • If no user is logged in, it should display Login and Register buttons
  • Display a logo on the far left side, and contain links to the individual detailed activity page.
• The Landing Page: Display a large hero image and a brief blurb on what this application is about
• Login Page: A form that allows users to login with email and password.
• Registration Page: A form that allows the user to sign up with their email, password, username, first name, and last name.
• When a user first authenticates, they should be redirected to an authenticated view (i.e the detailed activity page). When they sign out, all frontend data should be reset.
• Users have access to an overview Activity page that show one summary statistic about each of the 3 types of activity tracked.
• The API should have a security middleware that only allows authenticated users to access resources and only allows users to access resources about themselves.
• Users should have the ability to track at least 1 types of activities (i.e Nutrition, Exercise, Sleep, etc.). Each activity should be tracked on separate pages.
• Deployed website with Heroku & Surge.

Detailed Activity Page:

• The detailed activity page should display a feed of all previous tracked activities.
• The detailed activity should contain a form to contain relevant information. (i.e if tracking nutrition this form allows the user to capture calories, timestamp, image, category, etc.)
• The activity tracked should be given a unique id for easy lookup. TODO:// Add link to table schema in the link code below. Your file should end in .sql and show your schema for the detailed activities table. (🚫 Remove this paragraph after adding schema link)
  • [Table Schema](📝ADD LINK TO TABLE SCHEMA.sql HERE!)

Stretch Features

Implement any of the following features to improve the application:

• Each model (nutrition, exercise, and sleep) should also implement a fetchById method that queries the database for a record by its id and only serves it to users who own that resource. Create a new dynamic route on the frontend that displays detail about a single record. For instance, nutrition/detail/:id should show a page with all the information about a single nutrition item.
• Provide a dropdown that allows users to filter activity based on a certain attribute of any activity item.
• Calculate aggregate statistics based on time periods - such as daily, weekly, monthly aggregates.
• Create a page that shows all other users that use the life tracker application and allow users to follow each other.

Walkthrough Video

WEEK 4

WEEK 5

Reflection WEEK 4

• Did the topics discussed in your labs prepare you to complete the assignment? Be specific, which features in your weekly assignment did you feel unprepared to complete?

Most topics discussed in my labs prepared me. I felt unprepared to implement the security middleware.

• If you had more time, what would you have done differently? Would you have added additional features? Changed the way your project responded to a particular event, etc.

If I had more time, I would have worked on connecting the frontend to the backend.

• Reflect on your project demo, what went well? Were there things that maybe didn't go as planned? Did you notice something that your peer did that you would like to try next time?

In regards to my project demo, everything went as planned. I noticed that my peers completed the login and register feature, which is something I would like to try next.

Reflection WEEK 5

• Did the topics discussed in your labs prepare you to complete the assignment? Be specific, which features in your weekly assignment did you feel unprepared to complete?

Most topics discussed in my labs prepared me. I felt unprepared to implement the contexts.

• If you had more time, what would you have done differently? Would you have added additional features? Changed the way your project responded to a particular event, etc.

If I had more time, I would have worked on implementing the exercise activity.

• Reflect on your project demo, what went well? Were there things that maybe didn't go as planned? Did you notice something that your peer did that you would like to try next time?

In regards to my project demo, everything went as planned. I noticed that a peer made it so that after logging in, they would be redirected to the tab they previously clicked instead of the activity page.

Open-source libraries used

• Add any links to open-source libraries used in your project.

Shout out

Give a shout out to somebody from your cohort that especially helped you during your project. This can be a fellow peer, instructor, TA, mentor, etc.

Shout out to my podmate Aligary for helping me with my bugs!