Overview

Class Central Tips

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.

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.