The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
💚 Small Habits. Meaningful Progress. Your Health, at a Glance.
I’m excited to share my Health & Fitness Tracker — a web development project I built to make tracking everyday wellness simple, interactive, and personal! 🌿
The idea was simple: bring essential daily health habits together in one dashboard instead of tracking them separately.
✨ What can you track?
🚶 Daily steps
💧 Water intake
😴 Sleep duration
😊 Daily mood
📊 Weekly progress through interactive charts
🔐 A Feature I’m Proud Of
Each user gets a personalized dashboard, with health records organized separately using browser LocalStorage. This helped me explore how user-specific data can be managed in a frontend application.
🛠️ Built With
HTML & CSS
JavaScript
Chart.js
LocalStorage
💡 What I Explored While Building It
From form validation and browser storage to dynamic charts and responsive UI design, this project helped me strengthen my frontend development skills and understand how individual features work together in a complete web application.
For me, this project was more than just building a dashboard. It was about turning a simple idea into a useful, interactive experience. 💻✨
What’s one daily habit you would add to a personal wellness tracker? 👇
#WebDevelopment #JavaScript #FrontendDevelopment #HealthTech #ChartJS #PersonalProjects
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
A clean and modern food delivery app concept designed with a focus on simple navigation, clear layouts, and a smooth user experience.
Designed in Figma.
Love how clean and intuitive this feels, the navigation looks super smooth and the layout is really well balanced
Nice Work
Websites That Feel Alive: Custom-Coded & Kajabi-Style Builds
The goal
Show two kinds of websites clients ask for most: a custom-coded site that feels alive, and Kajabi-style sites built to sell courses and memberships.
01 · ORBIT: custom-coded interactive website
A motion-first landing page built from scratch in HTML, CSS and JavaScript.
• Cursor-reactive hero orb and floating cards
• Hover, press and success states on every call to action
• Staggered dashboard cards and interactive feature icons
• Smooth transitions that stay fast
• Mobile-friendly: tap, scroll and toggle with the same states, built for thumbs
02 · Kajabi-style course & membership websites
Three brands, each with its own visual system and a funnel built to convert:
• FORME Pilates Club: calm membership site with 3-tier pricing and a free 7-day challenge
• NEXORA AI Academy: course catalog, flagship program page and webinar registration
• The Founder Method: editorial coaching site with programs, mentorship tiers and an application form
Funnel in all three: trust-building homepage → offers → pricing → free lead magnet → enrollment form.
Built for every screen
All four sites are fully responsive, from 360px phones to 1920px desktops.
My role: UI/UX design, visual design, front-end development and motion, end to end.
Note: ORBIT, FORME, NEXORA and The Founder Method are concept projects with fictional brands. For a real Kajabi client, I rebuild the design inside their own Kajabi account.
Beautiful work! The layout makes the content easy to follow.