JavaScript Full Stack Capstone Project

IBM via Coursera

Go to Course: https://www.coursera.org/learn/javascript-full-stack-capstone-project

Introduction

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

Syllabus

Project Introduction, Repository Setup, User Stories and Database Setup

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.

Back-end APIs and Services

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.

Add Front-end Pages

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.

Back-end APIs for Front-end Components

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.

CI/CD, Containerize, and Deploy

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.

Final Project Submission and Peer Review

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.