faithflow is a Christian Habit Tracker made with React, Material UI (MUI), and Firebase. This project was made due to the lack of habit trackers today that focus on spirituality and faith. faithflow is a fully responsive site that stores user's data within Cloud Firestore.
Demo • Walkthrough • Features • Built With • Installation
Here is a working live demo : https://faithflow.netlify.app/
Click image below to watch the walkthrough!
As a new user, you're able to complete a form to create a personalized habit tracker and get recommended resources!
An example of one question from the form:
Recommended resources:
Users can check off completed habits and view their progress.
- React JS - Front-end JavaScript library for building user interfaces based on components.
- Material UI (MUI) - React component library that implements Google's Material Design.
- Firebase - A set of backend cloud computing services and application development platforms provided by Google (i.e. hosts databases, services, authentication, etc.).
- React Hook Form - Library that helps to manage complex forms.
Get the code by cloning the repo
git clone https://github.com/iamthequeen/faithflow.git
Install required dependencies (this is to install node modules folder)
npm install
Start the server
npm start
Need help? Watch this tutorial for better understanding!