🍀#60 Renewal - WhoWhatWhyAI
Hey friend, good to see you again!👋
We're back with another edition! To get familiar with AI, using it in your daily life or even better, building with AI, is key. AI empowers ordinary people to build amazing things. So, we're starting something new and we'd love to have you join us!
We're revamping this newsletter, and we need to hear from you: how can we make it more useful for YOU? We are going to build some useful things that can improve our lives with AI. All in a short time. You can build something after you read the newsletter and start using it. How does this sound? Feel free to reply to this email.
Zeng is building a curated list of AI tools for creating art, video, music and design. Please check out PicAisso.xyz She loves to hear from you about your feedback and ideas to improve. Kindly reply to this email with your thoughts. We appreciate you. PicAisso will be live on Product Hunt on 23rd July 2024, please sign up and stay update with the launch. 😉
Who: WhoWhatWhyAI community
This week, we're building with you! Brian is an experienced programmer who can help you build, and he loves collaborating on projects. Because if we want to go far, we have to go together. With WhoWhatWhyAI, we can create amazing things together. The best way to learn AI is to build something with it.
What: We are going to build a Mood Tracker with Claude Sonnet 3.5
Yes! You don’t need to know how to code to build an app for yourself. It is free, it is private. Let’s start.
Go to Claude, select Sonnet 3.5. Prompt: Please help me create a mood tracker where I can write down my thoughts using html.
This is the code we got from Claude. Don’t worry about it. You don’t need to understand the code at all.
Open a text editor on your computer. This can be Notepad on Windows, TextEdit on Mac, or any other plain text editor you prefer.
Copy the entire code and paste this code into your empty text document.
Click on "File" then "Save As" in your text editor. Choose a location on your computer where you want to save the file. Name your file "mood-tracker.html" (make sure to include the .html extension).In the "Save as type" dropdown (if available), select "All Files" or "HTML". e. Click "Save".
Open the mood tracker: Navigate to the location where you saved the file. Double-click on "mood-tracker.html". The file should open in your default web browser.
This is how the Mood Tracker look like! Cute and simple. Using the mood tracker: You'll see five emoji buttons representing different moods. To log your mood, simply click on the emoji that best represents how you're feeling. Write down how you feel then click save. Your selection will be logged with the current date and time in the text area below the buttons.
Viewing your mood history: Your mood entries are automatically saved in the text area. They will persist even if you close the browser, thanks to local storage. To view your history, just reopen the HTML file.
Maintaining your mood tracker: Keep the HTML file saved on your computer. Whenever you want to log your mood, open the file in your browser and click an emoji. Try to log your mood regularly for the best results.
There you have it! We just made a Mood Tracker with AI together. You can tell Claude to edit the app and just paste the new code in the text editor.
Why: Because your mood matters
This is a simple Mood Tracker that anyone (really, anyone) can build and use! You deserve to feel good all the time, we all do!
AI Gone Wrong
What do you think of this new direction of WhoWhatWhyAI? We will be creating community build and use AI to make our live better. Feel free to reply to this email and let us know what you think.
If you build the Mood Tracker, feel free to screenshot and share your result by tagging Brian and Zeng on X. We love build with you! Don’t forget to check out Zeng’s latest project!
Thank you!
See you next week,