1 of 10

2 of 10

Solar Planner App - Team 5, Tier 1, Voyage 52

Duration: 4 November - 15 December, 2024

Team Members:

  • Web Developers:
    • Bogdan (Bobby) Terzic
    • Christina (Chris) Ligare
    • Guillermo (Memo) Guevara
    • Marisela (Sela) Gomez
  • Scrum Masters: Sarita Jha and Noelle Jefferson

GitHub Repository: https://github.com/chingu-voyages/v52-tier1-team-05

3 of 10

Overview of Solar Panel Planning Application Requirements

  • Project Scope: Develop a web-based application that streamlines solar panel evaluation scheduling for residents and City Hall employees.
  • Resident Features: Enable residents to submit appointment requests with contact details, address, and preferred time slots.
  • City Hall Features: Allow employees to view, manage, and schedule appointments, including the ability to export schedules for specialists.
  • User Experience: Create a user-friendly interface to simplify the scheduling and planning process for both roles.
  • Technical Requirements: Incorporate modern web development technologies and adhere to best practices for responsive design and accessibility.
  • Team Collaboration: Work in an agile environment using tools like GitHub for version control and effective teamwork.

4 of 10

Technologies and Dependencies

To plan and manage workflow, we used:

  • Discord Channel - for team communication
  • Zoom - for sprint planning, daily stand-ups and ad hoc meetings
  • Figma / FigJam - for brainstorming, tracking progress, and prototyping
  • Trello - for project management tool and organizing tasks workflows

To build the application, we used:

  • GitHub - for collaboration and version control
  • Visual Studio Code - writing, editing, debugging code
  • Web technologies - HTML, CSS, JavaScript
  • IndexedDB/Local storage - for saving data on the client-side

5 of 10

Successes

  • MVP solar panel app created
    • LA residents can schedule solar panel appointments
    • City employees can manage and plan these visits effectively
  • Introduction to new tools
    • Trello for team communication
    • FigJam for project overview
  • Quick decisions about layout, colors, logo and fonts
  • Daily stand-ups initiated four weeks in to improve communication
  • Team collaboration / division of work
    • Bobby built the resident sign up form functionality with JavaScript, admin log-in, local storage, and pulled city residential dataset
    • Sela designed the overall layout with Christina. Sela built the admin page with JavaScript and local storage
    • Guillermo and Christina focused on the home page

6 of 10

Challenges

  • Communication issues
    • Introducing daily stand-ups from the start could have strengthened team collaboration and provided an opportunity for everyone to align on goals and share updates. This might have encouraged more balanced contributions and a greater sense of shared ownership over the project’s direction and progress.
  • Decision: JavaScript vs. React
    • After much deliberation, the team decided on JavaScript allowing us to move forward

7 of 10

Individual Feedback and Takeaways

Bobby:

  • Great overall experience - learned and got challenged a lot during voyage
  • Working in a team - improved soft skills and git skills
  • Solidified my knowledge of JavaScript through a fun project
  • Even more excited to join the tech world!

Christina:

  • Evolving Role: Initially set out to focus on JavaScript but transitioned into a role emphasizing visual design, highlighting strengths in UI/UX.
  • Future Focus: Aiming to pivot toward UI/UX roles, as they better align with personal skills and interests.
  • Creative Highlights: Enjoyed designing the “SunVibes” logo and seeing the team embrace the name, blending creativity with teamwork.
  • Growth in Tools: Gained valuable experience with GitHub commands, representing a significant step forward in personal development.
  • Team Dynamics: Encountered some communication challenges, such as decisions made without broader input. These experiences underscored the importance of open collaboration and collective decision-making to strengthen group dynamics.
  • Accessibility Focus: Reviewed code to ensure it was up to date with accessibility standards.

8 of 10

Individual Feedback and Takeaways

Guillermo:

  • Participating in this project - made me realize how much more I need to learn.
  • Team work - I learned a lot during this process, especially how to work in a team, something I had never done before.
  • Discover - I've discovered how much I enjoy this field of web development."
  • Motivations - I am motivated to continue in this career.

Sella:

  • xxx
  • xxx
  • xxx
  • xxx

9 of 10

Notable Features

  • JavaScript Functionality
    • Code for resident sign up page and admin management
    • Key features in JavaScript for appointment scheduling and city employee administration
  • Key Design Decisions
    • Hero image that complements the color scheme
    • Logo design
    • SunVibes name adoption
    • Color palette
  • XXXX
    • XXX
    • XXX
  • XXXX
    • XXX
    • XXX

10 of 10

Key Takeaways

  • Delivered a functional MVP
  • Gained valuable experience in:
    • GitHub commands and workflows
    • JavaScript
    • UI/UX design
    • Team communication