MoodTracker
An app designed to help people track their mood and understand how the world around them affects their mental and emotional well-being.
Install / Use
/learn @lcbuchanan/MoodTrackerREADME
moodTracker
An express and react-redux app designed to help people track their mood and understand how the world around them affects their mental and emotional well-being.
It takes only one piece of user input, then generates mutiple visual representation of how that mood score compares to various pieces of external data: location, time, and weather.
Resources used:
The weather data: OpenWeather, http://openweathermap.org/
Reverse-geocoding (to determine city name from browser location): Google's Geocoding API, https://developers.google.com/maps/documentation/geocoding/start
Data Visualization: Recharts, http://recharts.org/#/en-US
Database: SQL
Related Skills
diffs
344.1kUse the diffs tool to produce real, shareable diffs (viewer URL, file artifact, or both) instead of manual edit summaries.
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
2.0kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
