Skip to content

shangguanwang/little-joy-firebase

Repository files navigation

Little Joy App

See the site live on Netlify

Summary

A native mobile app that lets users

  1. publish their daily joyful moments
  2. store their inputs on the database and reflect on the page
  3. see other users' real-time inputs from the database
  4. click heart button once if they like the site

Description:

🛠️ Tools and languages used: Firebase, HTML, CSS, JavaScript
🤔 Why I want to create this project: If you are like me who are very future-driven and goal-oriented, you tend to focus on the big picture and sometimes can feel discontent about the present. This app is designed to remind us the little joy we experience every day, while we are busy accomplishing the huge milestones in life, don't forget to give yourself a cheerup😊
💆‍♀️ Challenges I Faced: The biggest challenge is to make sure the app sends and fetches data from the database correctly. Another valuable lesson learned is to improve user experience. For instance, we want to clear the input box every time a user hit "Publish" so they don't have to do it themselves. We also want the latest posts sit at the top so the user doesn't have to scroll all the way to the bottom. A user should only be able to click the heart like icon once per session. A user should not have the ability to select any element on the page.
📕 Learning resources: I want to thank Rafid Hoda for his amazing Scrimba's course Building a Mobile App with Firebase which sets the foundation really well.

How to use:

You can add this app to your phone home screen by opening the Netlify link in your default browser > tab the menu bar > click Add to home screen, and there you have it. If you want to modify this app's source code for your own use, please remember to replace the Firebase link in JavaScript with your own one after clone.

What the app looks like

About

A native mobile app to record your little joy every day

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published