Web Application Development

Categories
Software development
Skills
html generation css frameworks javascript (programming language) github firebase python (programming language) heroku
Project scope

What is the main goal for this project?

Project Focus: Build and deploy a web application to solve a real-world problem.


Duration: 40 hours over 4 weeks


Skills Gained:

  • HTML/CSS/JavaScript (or basic React)
  • Git and GitHub collaboration
  • Backend setup (e.g., Node.js, Firebase, Python Flask)
  • Cloud deployment basics (e.g., Heroku, Vercel)
  • Debugging and documentation


Project Breakdown:


Week 1 (10 hrs)Plan & Set Up

  • Understand project goals and requirements
  • Sketch app layout and user journey
  • Set up GitHub repo and development environment


Week 2 (10 hrs)Build Core Features

  • Develop frontend pages (e.g., home, contact form)
  • Start backend logic (e.g., form submissions, data storage)


Week 3 (10 hrs)Test & Deploy

  • Test for bugs or missing functionality
  • Deploy your app to a live environment


Week 4 (10 hrs)Finalize & Present

  • Create a README file and demo video
  • Submit your GitHub repo and share deployment link

What tasks will learners need to complete to achieve the project goal?

  1. GitHub repo with working code and documentation
  2. Live web app link
  3. Demo slide deck or video