Overview and Summary
Arise is a web-based habit tracker application built collaboratively and published via GitHub. It is designed to help users build and maintain positive habits by monitoring their daily and monthly progress through a clean, multi-page interface with a custom logo and branded color theme.
The application lets users create habits, record their activity, and view progress in a streamlined experience. I contributed to front-end development using HTML, CSS, and JavaScript, built the monthly habits display page, built the edit habits page, implemented responsive navigation for seamless routing, and applied UI theming to match the application's brand identity.
Arise was built to make habit tracking feel straightforward and approachable while still leaving room for future expansion into a more flexible personal tracker.
Live Demo GitHub
Project Information
Timeline
March 2026 - Present
Development Method
Collaborative web development published via GitHub
Primary Tech Stack
HTML, CSS, JavaScript
Focus
Daily and monthly habit tracking with clear navigation and branded UI
Key Features
- Habit Creation and Logging: Users can create habits and record their activity in a simple daily workflow
- Monthly Progress View: A dedicated monthly habits page helps users see consistency over time
- Habit Editing: A separate edit habits page makes it easier to update tracked goals
- Responsive Navigation: A responsive navbar supports seamless routing between pages
- Branded Visual Theme: Custom logo and color theming reinforce the app's identity
Technologies and Skills
Frontend Development
HTML5, CSS3, JavaScript for the multi-page habit tracking interface
Collaborative Development
Team-based implementation, GitHub publishing, and shared feature ownership
UI and Branding
Custom logo integration, branded color theme, and consistent page styling
Navigation and Routing
Responsive navigation patterns for moving between habit management pages
Implementation Highlights
Multi-Page Habit Experience
Built the monthly habits display page and the edit habits page to support a cleaner, more structured tracking workflow.
Responsive Navigation
Implemented a navigation bar that supports smooth page-to-page movement so users can access habit tools without friction.
Brand-Aligned UI
Applied a custom logo and color theme to keep the interface cohesive and give the project a distinct visual identity.
Learning Outcomes
- Strengthened front-end collaboration skills across HTML, CSS, and JavaScript
- Improved my ability to build and organize multi-page web app flows
- Practiced creating responsive navigation for a smoother user experience
- Expanded experience with UI theming and brand consistency
- Gained more practice translating a simple product idea into a usable published app
Future Enhancements and Features
- Expanded Tracking: Add more progress views and habit insights over time
- Account Support: Introduce user profiles and saved habit history
- Reminder Features: Add habit reminders to support daily consistency
- Broader Habit Types: Expand beyond core tracking to additional personal goal categories
- Refined UI Polish: Continue improving page design and accessibility details