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.

Capstone Project: Front-end & Web Development

Language

Topic

Skills You Will Learn

Offered By

Estimated Effort

Platform

Last Update