Skip to content

genesis-nf/hitthedomboom

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

76 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Name: Hit the DOMboom

Proposal: A client has requested the development of a landing page for their musical instrument company. They plan to sell their flagship product, an electronic drum kit (drumkit).

Drumkit

Table of contents:

  1. General Info
  2. Technologies
  3. Developers

General Info

Objectives: The objective is to replicate the design of the landing page proposed by the client with the priority that the user can interact with the drum kit, so that when they click on each of the "pads", a different sound is emitted. It should be able to work on any device and adapt accordingly.

Project phases:

  • Inception, Team Organization, and Kickoff On the first day, the team needs to decide on the working methodology for day-to-day operations, identify the main items to be included (Product Backlog), select a Scrum Master to lead the development team, and appoint a Product Owner who will be responsible for asking questions and negotiating with the client.

  • Weekly Sprints (2 weeks in total) At the beginning of the sprint, the team must agree on which user stories they will work on during the sprint (Sprint Backlog). At the end of the sprint, the team should hold a demo for the client, showcasing the completed user stories. Additionally, the team can conduct a retrospective at the end to improve their way of working for the next sprint or project. It is recommended to have a very brief meeting at the start of each day during the sprint, called the Daily Standup, where each team member shares their progress, challenges, and any issues they are facing.

Project:

  1. Desktop version.
  2. Mobile version.
  3. The drum kit should have buttons overlaid on each pad and remain aligned when switching devices.
  4. When clicking on each pad, it should emit a sound.

Technologies

  • HTML
  • CSS
  • Tailwind
  • Javascript

Herramientas

  • Figma
  • Visual Studio Code
  • Trello
  • Git / GitHub

Deliverables

Presentation

  • Team:

      -What have I contributed?
      -What have I learned?
      -What obstacles have I encountered?
      -How have I resolved them?
    
  • Technologies and tools

  • Planning

  • Wireframing + prototyping

  • Code Review + repository

  • Demo

Requirements

  1. Use Figma or another wireframing tool like Penpot.
  2. Implement Agile Methodologies - Scrum.
  3. Utilize Kanban for user stories and tasks.
  4. Ensure responsiveness.

Developers

    Leandra Bujhamer
    Lorena Morales
    Rosmery Medina
    Génesis Nuñez
    Lucía Silva

About

Personalizado a mi gusto

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • HTML 73.7%
  • JavaScript 20.6%
  • CSS 5.7%