Full Stack Application Development Capstone Project from Coursera

Show your mastery of 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 full stack proficiency. As you design a dynamic user experience, you will develop frontend pages, add user administration, build actions for database operations, create backend services, and configure CI/CD pipelines. You will boost your capabilities with HTML, CSS, JavaScript, Django, React, Node js and NoSQL (Mongo), Containerization, IBM Code Engine, Python, and Kubernetes. Then you will devise a solution for managing the containerized deployment of your application.

This project is created for you to apply knowledge of relevant and in-demand skills such as:

- Designing applications and their architecture

- Creating web frontends with static and dynamic pages using HTML, CSS, JavaScript and REACT

- Implementing user management and authentication

- Developing backend services and communicating with databases

- Continuously Integrating and Deploying changes using CI/CD pipelines

- Deploying serverless applications on Code Engine

- Creating and invoking RESTful microservices

- Deploying the entire solution on Cloud using Kubernetes

When you complete this project, you will have a working Full Stack application showpiece that will impress potential employers.

Before completing this project, it is highly recommended that you complete all the prior courses offered in the IBM Full Stack Software Developer Professional Certificate.

What's inside

Syllabus

Application - Static Pages

In this module, you will fork the GitHub repo containing the project template. This template includes the main Django application and a skeleton structure of the front-end and back-end. After that, you will clone the repo and work in the lab environment to create static pages for your dealership.

Application - User Management

In this module, you will create the user management system to allow users to register, login, and logout. You will also build your front-end for the Django Application to provide a graphic user interface (GUI) for user management.

Back End Services

In this module, you will implement some endpoints in the Express application that transact with MongoDB. You will then containerize the Mongo and Express server using Docker and run it. Further, you will also set up Car Make and Car Model with Django Models and populate the database. You will then deploy a sentiment analyzer to the IBM Code Engine. Finally, you will create proxy services to access these external services.

Application - Dynamic Pages

In this module, you will add dynamic pages with REACT components to list the dealerships, filter the dealerships by State, view dealer details, and add dealer reviews.

CI/CD, Containerize & Deploy to Kubernetes

In this module, you will set a CI/CD action flow for linting all the JS and Python files you have created. You will then run all the server-side components, including the Express-Mongo server in a Docker container and the sentiment analyzer serverless deployment on Code Engine. Finally, you will build the front-end REACT application and deploy the Django application on Kubernetes.

Share Your Project

In this module, you will submit your work for peer review and also perform one peer review using the provided rubric and grading scheme.

Enhancement of Car Dealership Portal

In this module, you will apply your knowledge to enhance your Car Dealerships website. The module includes three labs, each offering a different enhancement to your portal. In the first part, you’ll enhance the front-end of your application by adjusting logic and addressing styling-related elements. The second part will help you enhance your application by developing a new back-end car inventory microservice and integrating it with the Django app back end. The third part is where you’ll construct and integrate the front-end that corresponds to the back-end enhancement implemented in Part 2. Following this, you’ll be elevating the output of your improved Django application.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Develops full stack application development skills, which are in high demand among employers

Provides a comprehensive learning experience that covers the entire software development lifecycle, from design to deployment

Instructors are experienced professionals with a proven track record in the field

Course is aligned with industry best practices and standards

Includes hands-on labs and interactive materials to reinforce learning

Requires completion of prior courses in the IBM Full Stack Software Developer Professional Certificate

Reviews summary

Challenging full stack project

Learners say that the Full Stack Application Development Capstone Project is a hands-on challenge and a good way to test their skills. The course covers a wide range of topics, including Django, Docker, and Kubernetes. Students recommend this course for those who are already familiar with these technologies and who are looking for a challenge.

Incorporates real-world experience through peer review.

"I liked that final projects are peer-reviewed by real fellow students, which adds a touch of credibility."

Covers many full-stack topics.

"I thought the coverage of content was on-point, as the title suggests the full-stack experience."

Prepares learners with practical skills.

"Full Stack Application Development Capstone Project offers a comprehensive and hands-on experience, equipping learners with the skills to build robust and scalable applications."

Instructions may sometimes be unclear or incomplete.

"Instructions where not completely accurate in some cases."

"Confusing instructions, IBM Cloud interface is different."

May require additional research and troubleshooting.

"Very difficult to follow the instructions."

"Difficult a lot of starting over due to technical issues."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Full Stack Application Development Capstone Project with these activities:

Review JavaScript fundamentals using online courses or textbooks

Show steps

Reinforce your understanding of JavaScript fundamentals, which are essential for building interactive web applications and enhancing user experience in the course project.

Browse courses on JavaScript

Show steps

Identify areas of JavaScript fundamentals that require review.
Select online courses or textbooks that cover these topics.
Review the materials and complete any practice exercises.

Create a single-page Static HTML/CSS/JavaScript Application

Show steps

Practice creating static web pages using HTML/CSS/JavaScript to solidify your understanding of front-end web development principles, which will be fundamental for building the application in this course.

Browse courses on HTML

Show steps

Plan the layout and design of your single-page application.
Create the HTML structure of your application.
Style your application using CSS.
Add interactivity using JavaScript.

Code Challenges on LeetCode

Show steps

Regularly engage in coding challenges to refine your problem-solving abilities and strengthen your understanding of data structures and algorithms.

Browse courses on Data Structures

Show steps

Register on LeetCode
Solve easy and medium-level problems
Analyze solutions and learn from your mistakes

Seven other activities

Expand to see all activities and additional details

Show all ten activities

Complete the Django Tutorial Series on the official Django website

Show steps

Follow a comprehensive tutorial series to build a fully functional Django application, providing hands-on experience and reinforcing the concepts covered in the course.

Browse courses on Django

Show steps

Set up the development environment.
Follow the Django tutorial series step-by-step.
Build the Django application as per the tutorial instructions.
Troubleshoot any issues encountered during the tutorial.
Deploy the Django application to a hosting platform.

Solve coding exercises and challenges on platforms like LeetCode or HackerRank

Show steps

Engage in coding practice to improve your problem-solving skills and reinforce the programming concepts covered in the course.

Browse courses on Coding

Show steps

Choose a coding platform that aligns with your skill level.
Select coding exercises or challenges that cover relevant topics.
Solve the coding exercises or challenges.
Review your solutions and identify areas for improvement.

Explore Django Model Admin

Show steps

Enhance your understanding of Django's admin interface by following tutorials that demonstrate its features and functionality.

Browse courses on Django

Show steps

Search for and follow tutorials on Django Model Admin
Create a Django app and models
Configure the admin interface for your models
Test and refine your admin interface

Write a blog post about the benefits of using Django for building web applications

Show steps

Summarize the advantages and features of Django, a popular Python-based web framework, to reinforce your understanding of its capabilities and how it can be applied in various web development scenarios.

Browse courses on Django

Show steps

Research the benefits and features of Django.
Outline the main points of your blog post.
Write the content of your blog post.
Edit and proofread your blog post.
Publish your blog post on a platform of your choice.

Attend a workshop on cloud computing concepts

Show steps

Gain practical experience in deploying and managing applications in the cloud, which is a key aspect of the course project and real-world software development.

Browse courses on Cloud Computing

Show steps

Research and identify relevant cloud computing workshops.
Register for and attend a workshop that aligns with your interests.
Participate actively in the workshop activities and discussions.
Follow up on the concepts learned by exploring online resources.

Develop a Simple Backend API

Show steps

Solidify your backend development skills by creating a basic API that interacts with a database.

Browse courses on RESTful API

Show steps

Set up a Node.js environment and install Express.js
Create a MongoDB database and connect to it
Design and implement API endpoints for CRUD operations
Test and deploy your API

Volunteer as a web developer mentor for a non-profit organization

Show steps

Apply your skills and knowledge to support aspiring web developers, reinforcing your understanding and gaining valuable real-world experience.

Browse courses on Mentoring

Show steps

Identify non-profit organizations that offer web development mentorship programs.
Apply for and secure a mentor role with an organization.
Guide and support mentees in their web development journey.
Share your expertise and provide feedback to help mentees achieve their goals.

Career center

Learners who complete Full Stack Application Development Capstone Project will develop knowledge and skills that may be useful to these careers:

Full-Stack Developer

A Full Stack Developer is responsible for developing both the front-end and back-end of websites and applications. This course can help you develop the skills needed to be a Full Stack Developer, such as HTML, CSS, JavaScript, Django, and React. You will also learn how to create user interfaces, databases, and web services.

See salaries and explore the career path for Full-Stack Developer

Web Developer

A Web Developer is responsible for developing and maintaining websites. This course can help you develop the skills needed to be a Web Developer, such as HTML, CSS, JavaScript, and Django. You will also learn how to create user interfaces, databases, and web services.

See salaries and explore the career path for Web Developer

Front-End Developer

A Front End Developer is responsible for developing the user interface of websites and applications. This course can help you develop the skills needed to be a Front End Developer, such as HTML, CSS, JavaScript, and React. You will also learn how to create user interfaces and web services.

See salaries and explore the career path for Front-End Developer

Back-End Developer

A Back End Developer is responsible for developing the back-end of websites and applications. This course can help you develop the skills needed to be a Back End Developer, such as Django and Node.js. You will also learn how to create databases and web services.

See salaries and explore the career path for Back-End Developer

UX Designer

A UX Designer is responsible for designing the user experience of websites and applications. This course can help you develop the skills needed to be a UX Designer, such as HTML, CSS, and JavaScript. You will also learn how to create user interfaces and web services.

See salaries and explore the career path for UX Designer

UI Designer

A UI Designer is responsible for designing the user interface of websites and applications. This course can help you develop the skills needed to be a UI Designer, such as HTML, CSS, and JavaScript. You will also learn how to create user interfaces and web services.

See salaries and explore the career path for UI Designer

Systems Analyst

A Systems Analyst is responsible for designing, developing, and implementing computer systems. This course can help you develop the skills needed to be a Systems Analyst, such as HTML, CSS, and JavaScript. You will also learn how to create user interfaces and web services.

See salaries and explore the career path for Systems Analyst

Information Architect

An Information Architect is responsible for designing and organizing information systems. This course can help you develop the skills needed to be an Information Architect, such as HTML, CSS, and JavaScript. You will also learn how to create user interfaces and web services.

See salaries and explore the career path for Information Architect

Product Manager

A Product Manager is responsible for managing the development and launch of new products. This course can help you develop the skills needed to be a Product Manager, such as HTML, CSS, and JavaScript. You will also learn how to create user interfaces and web services.

See salaries and explore the career path for Product Manager

Business Analyst

A Business Analyst is responsible for analyzing business processes and systems. This course can help you develop the skills needed to be a Business Analyst, such as HTML, CSS, and JavaScript. You will also learn how to create user interfaces and web services.

See salaries and explore the career path for Business Analyst

Software Engineer

A Software Engineer is responsible for designing, developing, and maintaining software systems. This course can help you develop the skills needed to be a Software Engineer, such as HTML, CSS, JavaScript, Django, and React. You will also learn how to create user interfaces, databases, and web services.

See salaries and explore the career path for Software Engineer

Database Administrator

A Database Administrator is responsible for managing and maintaining databases. This course can help you develop the skills needed to be a Database Administrator, such as MongoDB and NoSQL. You will also learn how to create databases and web services.

See salaries and explore the career path for Database Administrator

Project Manager

A Project Manager is responsible for planning, executing, and closing projects. This course can help you develop the skills needed to be a Project Manager, such as HTML, CSS, and JavaScript. You will also learn how to create user interfaces and web services.

See salaries and explore the career path for Project Manager

Technical Writer

A Technical Writer is responsible for writing and editing technical documentation. This course can help you develop the skills needed to be a Technical Writer, such as HTML, CSS, and JavaScript. You will also learn how to create user interfaces and web services.

See salaries and explore the career path for Technical Writer

Data Scientist

A Data Scientist is responsible for collecting, analyzing, and interpreting data. This course can help you develop the skills needed to be a Data Scientist, such as Python and MongoDB. You will also learn how to create databases and web services.

See salaries and explore the career path for Data Scientist