See the site live on Netlify
A native mobile app that lets users
- publish their daily joyful moments
- store their inputs on the database and reflect on the page
- see other users' real-time inputs from the database
- click heart button once if they like the site
🛠️ 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.
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.
