We've just launched a new PREMIUM challenge! 🥳 This mood-tracking app will be a fun way to test a range of your skills. From working with JSON data to logging and charting mood entries, there's a lot to get stuck into! Details below 🧵

Your users should be able to: ☑️ Log their mood, feelings, reflections, and sleep each day ☑️ See today's mood, feelings, reflection, and sleep, once logged ☑️ See a relevant mood quote based on today's mood (found in the data.json file) ☑️ See a graph showing the most recent eleven records to identify mood and sleep trends ☑️ Interact with each bar on the mood and sleep trends chart to see all information about that day ☑️ See their average mood and sleep from the past five check-ins and see how they compare with the previous five ☑️ Update their name or avatar through settings ☑️ View the optimal layout for the interface depending on their device's screen size ☑️ See hover and focus states for all interactive elements on the page ☑️ Bonus: Save details to a database (build the project as a full-stack app) ☑️ Bonus: Create an account and log in (add user authentication to the full-stack app) ☑️ Bonus: Integrate with a third-party image-hosting service for the avatar upload

Here are some ideas to take the project a step further: 1️⃣ Build the project as a full-stack application 2️⃣ Add user authentication (if building it as a full-stack app) 3️⃣ Build as a PWA with offline support 4️⃣ Add gamification and badges (e.g., 7 days of logging)

This is a premium challenge, so you'll need a pro subscription. Our premium challenges are our highest-quality projects and make incredible portfolio pieces. Here's more info about our pro subscription if you're interested in checking it out 👇 frontendmentor.io/pro