VOOZH about

URL: https://www.coursera.org/learn/javascript-full-stack-capstone-project

⇱ JavaScript Full Stack Capstone Project | Coursera


JavaScript Full Stack Capstone Project

Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.

JavaScript Full Stack Capstone Project

5,571 already enrolled

Included with

β€’

Learn more

Gain insight into a topic and learn the fundamentals.
4.7

44 reviews

Advanced level

Recommended experience

2 weeks to complete
at 10 hours a week

Gain insight into a topic and learn the fundamentals.
4.7

44 reviews

Advanced level

Recommended experience

2 weeks to complete
at 10 hours a week

What you'll learn

  • Integrate and apply your JavaScript, React, Node.js, Express, and MongoDB skills 

  • Build a real-world web application using front-end and back-end technologies

  • Deploy your full-stack web application on the cloud using containers and serverless

  • Apply DevOps and Agile practices by employing CI/CD pipelines and developing user stories

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

10 assignments

Taught in English
Flexible schedule
Learn at your own pace

Build your Software Development expertise

This course is part of the IBM Full-Stack JavaScript Developer Professional Certificate
When you enroll in this course, you'll also be enrolled in this Professional Certificate.
  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate from IBM

There are 6 modules in this course

Show your mastery of JavaScript full-stack application development by completing this capstone project! In this course, you will apply your knowledge and skills to a real-life inspired challenge and use your expertise to develop a successful solution.

The project provides you with an opportunity to solidify your JavaScript full-stack proficiency. As you design a dynamic user experience using React, you will develop frontend pages, build services for communication with a NoSQL Mongo database, and configure CI/CD pipelines, all while applying Agile practices. In this capstone, you apply knowledge of in-demand skills such as: - Architecting an application - Creating a dynamic frontend using HTML, CSS, and the React JavaScript library - Communicating with backend services such as databases - Use DevOps practices such as CI/CD pipelines - Deploying a serverless application - Creating and invoking RESTful microservices - Deploying the entire solution on the cloud using Kubernetes When you complete this project, you will have a working full-stack application that will impress potential employers. Before starting this course, we highly recommend you complete all the courses offered in the IBM JavaScript Full Stack Software Developer Professional Certificate.

In this module, you begin developing the Gift-Link full-stack application. You learn about the application from a user perspective in the project walk-through video and get a high-level perspective by reading about its architecture and requirements in the project overview. In the first of two-hands on labs in the module, you develop a GitHub user story template and subsequent user stories for the application’s development. In the second lab, you will apply your skills to set up the NoSQL MongoDB database that provides the data and data management for the application.

What's included

2 videos1 reading2 assignments1 app item4 plugins

2 videosβ€’Total 6 minutes
  • Course Introductionβ€’3 minutes
  • Project Walkthroughβ€’3 minutes
1 readingβ€’Total 5 minutes
  • Prerequisites and Syllabusβ€’5 minutes
2 assignmentsβ€’Total 35 minutes
  • Module 1 Graded Quiz: Project Introduction, Repository Setup, User Stories and Database Setupβ€’15 minutes
  • Module 1 Checklist: Project Introduction, Repository Setup, User Stories and Database Setupβ€’20 minutes
1 app itemβ€’Total 60 minutes
  • Hands-on Lab: Finish Populating MongoDBβ€’60 minutes
4 pluginsβ€’Total 78 minutes
  • Helpful Tips for Course Completionβ€’3 minutes
  • Reading: Project Overviewβ€’10 minutes
  • Reading: Module Introductionβ€’5 minutes
  • Hands-on Lab: Complete User Storiesβ€’60 minutes

In this module, you develop back-end APIs and services in three labs. In the first lab, you will create the API for handling gifts. The API includes retrieving gifts from the database and fetching a gift by its ID. You configure the gift route in the main Express application. In the second lab, you develop the search function API, including functionality to filter by different gift attributes. You also integrate the search route into the Express application. In the third lab, you will develop an Express server to perform sentiment analysis using an NPM package that provides functionality for natural language processing.

What's included

2 assignments3 app items1 plugin

2 assignmentsβ€’Total 25 minutes
  • Module 2 Graded Quiz: Back-end APIs and Servicesβ€’15 minutes
  • Module 2 Checklist: Back-end APIs and Servicesβ€’10 minutes
3 app itemsβ€’Total 180 minutes
  • Hands-on Lab: Create API for Gift Serviceβ€’60 minutes
  • Hands-on Lab: Create API for Search Serviceβ€’60 minutes
  • Hands-on Lab: Add a Sentiment Analysis Serviceβ€’60 minutes
1 pluginβ€’Total 5 minutes
  • Reading: Module Introductionβ€’5 minutes

In this module, you work on the application’s user-facing pages. The module contains five labs. In the first lab, you will write CSS and HTML to create the landing page. For the remaining four labs, you will complete the development of the React components that handle the main listings page, the navigation bar, the register and login pages, the details page, and the search pages.

What's included

2 assignments5 app items1 plugin

2 assignmentsβ€’Total 45 minutes
  • Module 3 Graded Quiz: Add Front-end Pagesβ€’15 minutes
  • Module 3 Checklist: Add Front-end Pagesβ€’30 minutes
5 app itemsβ€’Total 290 minutes
  • Hands-on Lab: Create the Landing Pageβ€’60 minutes
  • Hands-on Lab: Create the MainPage and Navbarβ€’60 minutes
  • Hands-on Lab: Create Register and Login Pagesβ€’50 minutes
  • Hands-on Lab: Implement the Details Pageβ€’60 minutes
  • Hands-on Lab: Implement the Search Pageβ€’60 minutes
1 pluginβ€’Total 5 minutes
  • Reading: Module Introductionβ€’5 minutes

In this module, there are six labs. In three of the labs, you complete the development of three APIs in the back end to handle registration, login, and updates to the user profile. In the other three labs, you also update the respective components to call the APIs when the user interacts with these elements.

What's included

2 assignments6 app items1 plugin

2 assignmentsβ€’Total 45 minutes
  • Module 4 Graded Quiz: Back-end APIs for Front-end Componentsβ€’15 minutes
  • Module 4 Checklist: Back-end APIs for Front-end Componentsβ€’30 minutes
6 app itemsβ€’Total 210 minutes
  • Hands-on Lab: Develop Back-end Integration for Registrationβ€’30 minutes
  • Hands-on Lab: Implement Back-end in Register Componentβ€’40 minutes
  • Hands-on Lab: Develop Back-end Integration for Loginβ€’30 minutes
  • Hands-on Lab: Implement Back-end in Login Componentβ€’40 minutes
  • Hands-on Lab: Develop Back-end Integration for User Profileβ€’30 minutes
  • Hands-on Lab: Implement Back-end in Profile Componentβ€’40 minutes
1 pluginβ€’Total 5 minutes
  • Module Introductionβ€’5 minutes

In the two labs in this module, you will work to containerize and deploy your application. The first lab presents some CI/CD practices using linting with GitHub Actions to ensure the code meets coding standards. In the second lab, you will deploy MongoDB, the back-end server using Kubernetes, and the front-end server using IBM Code Engine.

What's included

2 assignments2 app items2 plugins

2 assignmentsβ€’Total 25 minutes
  • Module 5 Graded Quiz: Front-end/Back-end Integration and CI/CDβ€’15 minutes
  • Module 5 Checklist: Front-end/Back-end Integration and CI/CDβ€’10 minutes
2 app itemsβ€’Total 180 minutes
  • Hands-on Lab: CI/CD with GitHub Actionsβ€’90 minutes
  • Hands-on Lab: Containerize and Deploy Applicationβ€’90 minutes
2 pluginsβ€’Total 20 minutes
  • Module Introductionβ€’5 minutes
  • Reading: Introduction to GitHub Actionsβ€’15 minutes

In this module, you submit your final project for evaluation. A peer will evaluate your application and you will evaluate one of theirs. A rubric provides a list of criteria for assessment. The rubric also gives point values depending on the completeness of the criteria.

What's included

2 readings1 peer review1 app item

2 readingsβ€’Total 3 minutes
  • Congratulations and Next Stepsβ€’2 minutes
  • Thanks from the Course Teamβ€’1 minute
1 peer reviewβ€’Total 60 minutes
  • Option 2: Peer-Graded Submission and Evaluationβ€’60 minutes
1 app itemβ€’Total 45 minutes
  • Option 1: AI-Graded Submission and Evaluationβ€’45 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Instructor ratings
3.8 (11 ratings)
IBM
18 Coursesβ€’576,575 learners

Explore more from Software Development

Why people choose Coursera for their career

πŸ‘ Image

Felipe M.

Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
πŸ‘ Image

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
πŸ‘ Image

Larry W.

Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
πŸ‘ Image

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

  • 5 stars

    88.63%

  • 4 stars

    4.54%

  • 3 stars

    0%

  • 2 stars

    2.27%

  • 1 star

    4.54%

Showing 3 of 44

AA
Β·

Reviewed on Oct 6, 2024

It's wonderful to learn complete JavaScript through practice labs and full-stack projects.

SS
Β·

Reviewed on Oct 6, 2024

This course provided a comprehensive, engaging, and practical learning experience, equipping me with valuable skills and knowledge for my professional career.

HM
Β·

Reviewed on Jun 1, 2026

I would like to thank the Coursera team for the quality of the content.

Frequently asked questions

In this capstone, you will engineer a production-ready web application using the industry-standard MERN/MEAN stack components. You will design a responsive, component-based frontend using React, which communicates with a backend built onNode.js and Express. For data management, you will configure a MongoDB NoSQL database, ensuring high scalability and flexibility for handling complex gift attributes and user data through RESTful microservices.

Beyond standard CRUD operations, this project challenges you to implement intelligent backend services. You will develop a dedicated Express server that utilizes Natural Language Processing (NLP)via NPM packages to perform sentiment analysis on user interactions. This demonstrates your ability to integrate third-party libraries and build sophisticated features that provide real-world business value, such as understanding user intent and feedback within the application.

This project simulates a professional DevOps lifecycle. You will initiate the project using Agile methodologies, creating GitHub user story templates to manage development sprints. For the deployment phase, you will implement CI/CD pipelines using GitHub Actions for automated code linting. Finally, you will containerize your services and deploy them into a hybrid cloud environment: orchestrating the backend and database with Kubernetes and deploying the frontend as a serverless application using IBM Code Engine.

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Financial aid available,