ROLE
TIMELINE
TEAM
PROCESS
Lead Front-End Developer & UI Engineer
August 2023 – October 2023 (7 weeks)
Worked with CS students focused on full-stack development and web interface design
Built a dynamic dashboard with time-based greetings, live weather, and a task manager, focusing on clean UI behavior and responsive front-end logic
ROLE
Lead Front-End Developer & Agile Team Project Manager
TIMELINE
March 2023 – May 2023 (8 weeks)
TEAM
Collaborated with backend developers, software engineers, designers, and hospital stakeholders
PROCESS
Led user research, designed mockups in Figma, developed the UI with JavaFX, and iterated based on hospital stakeholder feedback
{
SUMMARY
In Fall 2023, I took a seven-week Webware course at WPI focused on building full-stack web development skills through hands-on projects. Over the final three weeks, I led the design and development of Morning Dashboard, a playful productivity web app built for smart displays. Featuring Clippy-inspired animations, a sticky note task manager, and live weather integration, the project brought together everything I learned in the course, with an emphasis on creativity, usability, and clean front-end architecture.
Methods
Methods
Frontend Development
UI Design
Component Planning
Team Collaboration
Task Delegation
Frontend Development
UI Design
Component Planning
Team Collaboration
Task Delegation
Tools
Figma
React.js
Node.js
CSS
WeatherAPI
DigitalOcean
Tools
Figma
React.js
Node.js
CSS
WeatherAPI
DigitalOcean
User Needs & Problem Space
In the morning, people often want quick access to key information like the weather, calendar events, or a task list. Phones provide this, but they also bring distractions that derail routines and waste time.
We identified a need for a dedicated, distraction-free smart display to help users start their day with clarity. By consolidating only the most relevant, user-prioritized content, Morning Dashboard supports calm, focused mornings without overwhelming the user.
See forecast
View schedule
Get inspired
Challenges
Tight Timeline
With only a few weeks to build a full-stack application, time was one of the biggest constraints. I scoped the project early, defined what was realistic to complete, and initiated clear communication across the team. This helped me practice fast decision-making, effective prioritization, and efficient collaboration without sacrificing visual polish.
Design & Development
UI Features
Sidebar with personalized links (email, calendar, stocks)
Dynamic time-based greetings
Sticky note-style task manager
Clippy-style animated assistant with smart quote behavior
Real-time weather using WeatherAPI
Implementation
I led the front-end using React and Vite, developing reusable components and ensuring consistency with the original Figma designs. I handled state management, implemented weather and greeting logic, and created Clippy’s responsive speech bubbles. The backend used Node.js, Express, and MongoDB for data persistence, and deployment was done through DigitalOcean.
TAKEAWAYS
Learned how to scope and lead a product within a limited timeframe
Strengthened skills in front-end development and visual UI implementation
Gained experience balancing design creativity with core functionality
Practiced modular thinking and collaborative team communication
Discovered how playful design and productivity can work together effectively
TAKEAWAYS
Learned how to scope and lead a product within a limited timeframe
Strengthened skills in front-end development and visual UI implementation
Gained experience balancing design creativity with core functionality
Practiced modular thinking and collaborative team communication
Discovered how playful design and productivity can work together effectively
{
SUMMARY
In Fall 2023, I took a seven-week Webware course at WPI focused on building full-stack web development skills through hands-on projects. Over the final three weeks, I led the design and development of Morning Dashboard, a playful productivity web app built for smart displays. Featuring Clippy-inspired animations, a sticky note task manager, and live weather integration, the project brought together everything I learned in the course, with an emphasis on creativity, usability, and clean front-end architecture.
Challenges
Tight Timeline
With only a few weeks to build a full-stack application, time was one of the biggest constraints. I scoped the project early, defined what was realistic to complete, and initiated clear communication across the team. This helped me practice fast decision-making, effective prioritization, and efficient collaboration without sacrificing visual polish.
Design & Development
UI Features
Sidebar with personalized links (email, calendar, stocks)
Dynamic time-based greetings
Sticky note-style task manager
Clippy-style animated assistant with smart quote behavior
Real-time weather using WeatherAPI
Implementation
I led the front-end using React and Vite, developing reusable components and ensuring consistency with the original Figma designs. I handled state management, implemented weather and greeting logic, and created Clippy’s responsive speech bubbles. The backend used Node.js, Express, and MongoDB for data persistence, and deployment was done through DigitalOcean.