Skip to content

Luna Yogi is a movement and mindfulness app that allows users to get daily meditations and affirmations, blog posts, and yoga flows ✨

Notifications You must be signed in to change notification settings

marybethhunter/LunaYogi-E16Capstone

Repository files navigation

Luna Yogi - E16 Capstone Project! Netlify Status

luna yogi

Get Started:

 $ git clone git@github.com:marybethhunter/LunaYogi-E16Capstone.git
 $ cd LunaYogi-E16Capstone

About

  • Luna Yogi is a movement and mindfulness app that allows users to get daily meditations and affirmations, blog posts, and yoga flows.
  • I created Luna Yogi to have everything movement and mindfulness I need all in one place. Personally, I have two meditation apps, a yoga app, and a few different blog sites I use in conjunction with each other. It can be a lot to keep up with. Luna Yogi is the one-stop-shop for all of these things!

Features:

Unauthenticated Users:

  • Unauthenticated users have read-only access to the daily meditation, affirmation, and blog views.

Authenticated Users:

  • Authenticated users have access to the above views, as well as the yoga and account views. In the yoga view, they can get a randomized yoga flow, choose a flow from a list, or create their own. Authenticated users also have an account page that shows all of the content they have saved that they can refer back to at any time. Content that can be saved to an authenticated user's account consists of: blog posts, yoga flows, affirmations, and meditations.

Admin CRUD:

  • As the administrator of this site, I have full CRUD capabilities on the blog post section of the site. I can also add meditations and affirmations to the database to be randomly generated for the user.

Loom Walkthrough:

Luna Yogi | Movement, Mindfulness, and Mantra - 18 December 2021 - Watch Video

Relevant Links:

Code Snippets:

  // saving chosen custom poses to database
  const saveCustomPoses = async () => {
    const flowIdToAdd = await getMostRecentFlow(user.uid);
    chosenPoses.forEach((chosenPose) => {
      const newId = addOne();
      addPoseToDB({
        ...chosenPose,
        flowId: flowIdToAdd.flowId,
        orderNumber: newId,
      }).then(() => {
        history.push(`/account/${user.uid}`);
      });
    });
  };

Technology Used:

  • Javascript
  • React
  • Firebase
  • Postman
  • Figma
  • Axios
  • React Audio Player
  • Reactstrap
  • Styled Components
  • Lightning Yogi API

Screenshots:

2021-12-18

2021-12-18 (1)

2021-12-18 (2)

2021-12-18 (3)

Contributors: Mary Beth Hunter, Github, Portfolio

About

Luna Yogi is a movement and mindfulness app that allows users to get daily meditations and affirmations, blog posts, and yoga flows ✨

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages