marybethhunter / TheDailyThree

☁ Gratitude helps people feel more positive emotions, relish good experiences, improve their health, deal with adversity, and build strong relationships. We need more of this in our daily lives. Enter The Daily Three, a daily gratitude and mood tracker app.

☁ TheDailyThree - E16 Final Full Stack Capstone!

Get Started:

 $ git clone [e-mail]:marybethhunter/TheDailyThree.git
 $ cd TheDailyThree

About

• Gratitude helps people feel more positive emotions, relish good experiences, improve their health, deal with adversity, and build strong relationships. We need more of this in our daily lives. Enter The Daily Three, a daily gratitude and mood tracker app.

Features:

Authenticated Users:

• Users can log into The Daily Three with their Google account and add a daily gratitude entry and mood. They can see a list of all of their past entries, as well as see the details of each past entry. Any entry can also be deleted.
• Users can create, edit, view the details of, and delete custom goals. They can toggle the goal as completed or uncompleted as they make or do not make progress.
• Users can create, edit, view the details of, and delete custom vision boards. They can also add images to their vision boards that they can delete individually.

Chart.js:

• Users can access the Mood Tracker view and see a Chart.js doughnut graph of their moods. This can be used to see their baseline/most common mood and maybe even see it improve over time as the ‘happier’ moods increase in quantity.

Loom Walkthrough!

Relevant Links:

• FigJam:

• ERD
• Project Board

Code Snippets:

useEffect(() => {
    let isMounted = true;
    getMostRecentEntryByUid(uid).then((entry) => {
      setNewestEntry(entry);
    });
    const currentDate = new Date().toDateString();
    getAllUserEntriesByUid(uid).then((entriesArray) => {
      if (isMounted) setEntries(entriesArray);
      if (
        entriesArray.length !== 0 &&
        newestEntry.date === currentDate.toString()
      ) {
        setCanAddEntry(false);
      }
      if (
        entriesArray.length !== 0 &&
        newestEntry.date !== currentDate.toString()
      ) {
        setCanAddEntry(true);
      } else if (entriesArray.length === 0) {
        setCanAddEntry(true);
      }
    });
  }, [canAddEntry, uid, entries.length]);

Technology Used:

• Javascript
• React
• Firebase
• C#
• SQL
• Swagger
• Figma
• Axios
• Reactstrap
• Styled Components
• Chart.js

Screenshots:

Contributors: Mary Beth Hunter, Github, Portfolio, LinkedIn