My Full Stack Journey Through The Year

This year, I contributed to three unique projects that challenged me as both a front-end designer and full-stack developer. From interactive guessing games to travel mapping to real-time messaging apps, each sprint helped grow my technical ability and creativity.

Project 1: Zoom-N-Guess – Game-Based Learning

Live Demo: Zoom-N-Guess

Zoom-N-Guess was an engaging image zoom game where users guess a location from a close-up. I helped style and connect interactive elements that powered the guessing logic. This was my first blog-worthy project and marked the start of my front-end experience.

What I Contributed

  • JavaScript for game interactions
  • Frontend styling for buttons, layout, and animations
  • Helped debug asset loading and image transitions

What I Learned

  • Modular design using HTML, CSS, and JS
  • Making pages dynamic and visually interesting
  • Planning logic before writing code

Project 2: Travel Frontend – Waypoints in Paris

Live Site: Paris Waypoints

Our second team project focused on building an interactive travel journal with “waypoints” in Paris. Each page highlighted a unique wellness stop using structured content and styling.

Highlights

  • Group work with GitHub Pages and multi-route navigation
  • Developed and designed waypoint card layouts
  • Wrote concise content for location-based descriptions

What I Learned

  • HTML/CSS best practices for section layout
  • Collaborating across multiple pages with consistent style
  • Improving site navigation through anchor links

Project 3: Flocker – Redesigning a Real-Time Chat App

Live Demo: Flocker Frontend

The final and most advanced project was redesigning Flocker, a full-stack chat application with WebSocket support. I led both backend and frontend improvements to make messaging fluid, dynamic, and room-based.

Key Features I Built

  • Flask-SocketIO integration for real-time messaging
  • Channel buttons for room switching
  • Online user tracking and chat display logic
  • Modern chat interface with responsive layout

What I Learned

  • Full-stack data flow from client to server
  • Building real-time UI with JavaScript and WebSockets
  • Handling user states, message history, and multi-room logic

Reflections and Growth

Across all three projects, I developed more than just programming skills—I learned how to manage responsibilities, collaborate with others, and bring fun and usability into technical builds.

Strength Description
Creativity Shaping games like Zoom-N-Guess and layouts like Waypoints
Leadership Spearheading redesigns and chat features in Flocker
Persistence Debugging issues and enhancing live interactivity

Skills I Practiced

Skill Area Tools/Topics Covered
Frontend Development HTML, CSS, JavaScript, layout design, animations
Backend Development Flask, Python, REST APIs
Real-Time Features WebSockets, Flask-SocketIO, event handling
Collaboration GitHub, group work, markdown blogging
Debugging & Testing Console debugging, live UI testing, user state management

”””