creatine-reminder-4-u's Introduction

Creatine Reminder 4 U

A progressive web app to help users to remember to take their creatine every morning.

About This Project

Inspired by a dietitian that I follow on instagram that I know, who constantly posts "creatine reminders" on his stories for his clients. Since I am forgetful in taking my creatine before starting my day I decided to create a web application to help remind me as well as a fun way for me to learn a new technology (Firebase)

Tools and technologies used for this project

React
Vite
SCSS
Firebase

In order to reach MVP (minimum viable product)

In order to reach Minimum Viable product the following pages must be implemented:

A Welcome page
A login Page with both email/password and google OAuth sign in
A sign up page
A forget password page
A dashboard page which changes based on if a user is new or if its a current user
A page to enter in Creatine Tub
A settings page
Learn more page

The following features must be implemented to reach MVP

Authentication (Login with both email/password and Google OAuth)
CRUD Operations of adding in Creatine (Create, Update, Delete)
Notifications
Meets all requirements of Progressive Web app

The following components must be created

Card component
Button Component
Input Component
Text area Component
Graph Component
Calendar Component
Toggle Component

Collections Schema

** Coming soon **

Design and Project structure Links

https://whimsical.com/creatinereminder4u-E3mkxe9iv5eSd7fwPGrzsu

creatine-reminder-4-u's People

Contributors

Watchers

creatine-reminder-4-u's Issues

MVP Feature - PWA checks

The app must meet requirements for a progressive web applications this includes:
Refer to this checklist:
https://www.startechup.com/blog/pwa-checklist/

Enhancement 001 - Adding a back button to improve user experience

Currently right now, a user has to press back on their browser in order to go back to the previous screen. Need to add in a back link on the pages when a user wants to go back home.