Back to Catalog

Capstone Project: Front-end & Web Development

Premium
AdvancedCourse

Master front-end design and development in this capstone project. Use Figma for layout planning, HTML, CSS, JavaScript, and React for web app development. Make a responsive website to enhance your portfolio and career prospects!

Language

  • English

Topic

  • Cloud Development

Skills You Will Learn

  • Front-end Design, Front-End Development, React (web framework), Software Development, Web Development, Figma

Offered By

  • IBMSkillsNetwork

Estimated Effort

  • 18 Hours

Platform

  • SkillsNetwork

Last Update

  • October 3, 2025
About this Course
According to InternetLiveStats.com, there are over 1.58 billion websites, with 200 million actively maintained—a number that continues to grow as more businesses invest in building or improving their websites. This rising demand highlights the need for skilled web developers.
 
This six-week capstone project is designed to bring together your design and coding skills as you create a fully responsive website. You’ll gain hands-on experience designing and developing website components, pushing your work to a GitHub repository, and using tools like HTML, CSS, and React.
 
Ready to enhance your professional portfolio with a comprehensive website built using HTML, CSS, and React? This capstone project will boost your confidence in web development and improve your career prospects. We assume that you have completed all the previous courses in the IBM Front-End Developer Professional Certificate.

In this capstone project, you will:
  • Use your UI/UX design and Figma skills to demonstrate your proficiency in designing the layouts for various components of a responsive website
  • Compose static website pages and integrate them into the Landing page while demonstrating your expertise in HTML and CSS. 
  • Demonstrate your React proficiency to create dynamic react components and convert static pages into a responsive website 
  • Employ your GitHub concepts and skills along with the software development process to build, deploy, and update a fully functional website

Course Syllabus

Module 1: Getting Started with the Capstone
  • Lesson 0: Course Overview
  • Lesson 1: Introduction to the Capstone Project
  • Lesson 2: Designing Website Layouts

Module 2: Developing Static Website Pages using HTML & CSS
  • Lesson 1: Setting Up the GitHub Repository
  • Lesson 2: Developing Static Website Layouts

Module 3: Developing Dynamic React Components – Part I
  • Lesson 1: Setting Up the React Environment
  • Lesson 2: Converting Static Website Pages to Dynamic Components
  • Lesson 3: Building and Integrating Dynamic React Components

Module 4: Developing Dynamic React Components – Part II
  • Lesson 1: Building the Notification Component
  • Lesson 2: Building the Reviews Component
  • Lesson 3: Building the Profile Component

Module 5: Building, Deploying, and Updating the Website
  • Lesson 1: Building and Deploying the Website
  • Lesson 2: Making Changes and Updating the Website Post Production

Module 6: Final Project Submission and Peer Review
  • Lesson 1: Submit Your Project and Grade Peer Submission
  • Lesson 2: Course Wrap-Up

This course is designed for learners who have completed all previous courses that are part of the IBM Front-End Developer Professional Certificate. Please make sure to complete the prerequisite courses or are proficient in the following areas:
  • Software engineering fundamentals
  • UI/UX design principles and tools (for example, Figma)
  • HTML, CSS, and JavaScript
  • React
  • GitHub
  • SEO
This platform works best with current versions of Chrome, Edge, Firefox, Internet Explorer, or Safari.

Instructors

IBM Skills Network

IBM Skills Network Team

At IBM Skills Network, we know how crucial it is for businesses, professionals, and students to build hands-on, job-ready skills quickly to stay competitive. Our courses are designed by experts who work at the forefront of technological innovation. With years of experience in fields like AI, software development, cybersecurity, data science, business management, and more, our instructors bring real-world insights and practical, hands-on learning to every module. Whether you're upskilling yourself or your team, we will equip you with the practical experience and future focused technical and business knowledge you need to succeed in today’s ever-evolving world.

Read more

Richa Arora

Developer

I am a seasoned full-stack developer with over 11 years of experience, specializing in MERN and MEVN stacks. My mission is to empower students by simplifying complex technical concepts and guiding them on an exciting journey from the basics to advanced levels. With a strong focus on clear explanations and hands-on projects, I aim to make learning web development both enjoyable and rewarding for aspiring developers.

Read more