Full Stack Development Lab Programs (Complete List + Solutions)

If you are an MCA student preparing for Full Stack Development Lab, this post provides the complete list of lab programs along with solution links. It covers JavaScript, React, Node.js, MongoDB, Angular.

---

🟢 PART 1: JavaScript (ES6 Programs)

1. Write a program using arrow function to find square root of elements of an array.
   👉 🔗 Solution: /arrow-function-square-root-array-js
2. Write a program to convert string concatenation to template literals.
   👉 🔗 Solution: /template-literals-javascript-example
3. Write a program to extract values from an object using destructuring assignment.
   👉 🔗 Solution: /destructuring-assignment-javascript
4. Write a program to merge arrays using the spread syntax.
   👉 🔗 Solution: /spread-operator-merge-arrays

---

⚛️ PART 2: React Programs

5. Write a program to display “Hello, World!” using a functional component in React.
   👉 🔗 Solution: /react-hello-world-functional-component
6. Create a counter app using functional components in React.
   👉 🔗 Solution: /react-counter-app-usestate
7. Create a program to render a list of items using the map function in React.
   👉 🔗 Solution: /react-map-function-list-rendering
8. Develop a program to toggle the visibility of content using state in React.
   👉 🔗 Solution: /react-toggle-visibility-usestate
9. Implement a program to change the background color of a component on button click using state in React.
   👉 🔗 Solution: /react-change-background-color
10. Create a React component that takes a name prop and displays a greeting message.
    👉 🔗 Solution: /react-props-greeting-component
11. Develop a React component to display a product card.
    👉 🔗 Solution: /react-product-card-component
12. Build a React component for a todo item.
    👉 🔗 Solution: /react-todo-component
13. Design a React component to display a list of user profiles.
    👉 🔗 Solution: /react-user-profiles-list
14. Develop a React component to create a simple form.
    👉 🔗 Solution: /react-simple-form-component
15. Write a program to fetch and display data from an API using useEffect.
    👉 🔗 Solution: /react-fetch-api-useeffect
16. Create a program to manage a simple form using state in React.
    👉 🔗 Solution: /react-form-handling-usestate
17. Develop a basic calculator using state in React.
    👉 🔗 Solution: /react-calculator-app
18. Write a program to create a simple todo list with add/remove functionality.
    👉 🔗 Solution: /react-todo-list-app
19. Develop a login form with validation using state in React.
    👉 🔗 Solution: /react-login-form-validation

---

🟡 PART 3: Node.js Programs

20. Create a Node.js application to perform various file operations.
    👉 🔗 Solution: /nodejs-file-operations
21. Create a Node.js application to upload files.
    👉 🔗 Solution: /nodejs-file-upload
22. Develop a simple HTTP server using Node.js.
    👉 🔗 Solution: /nodejs-http-server-example

---

🟠 PART 4: Angular Programs

23. Create a hello world app using Angular.
    👉 🔗 Solution: /angular-hello-world-app
24. Create an app using Angular that displays a web page using components.
    👉 🔗 Solution: /angular-components-example
25. Create a router app using Angular.
    👉 🔗 Solution: /angular-routing-example
26. Write a program to demonstrate Angular pipes.
    👉 🔗 Solution: /angular-pipes-example

---

🔵 PART 5: React Advanced & Redux

27. Create a router app using React.
    👉 🔗 Solution: /react-router-example
28. Create a counter app using React Redux.
    👉 🔗 Solution: /react-redux-counter-app

---

🟣 PART 6: MongoDB with Node.js

29. Connect to MongoDB database using Node.js.
    👉 🔗 Solution: /nodejs-mongodb-connection
30. Insert a document into MongoDB collection.
    👉 🔗 Solution: /mongodb-insert-document-nodejs
31. Retrieve all documents from MongoDB.
    👉 🔗 Solution: /mongodb-fetch-data-nodejs
32. Update a document in MongoDB.
    👉 🔗 Solution: /mongodb-update-document-nodejs
33. Delete a document in MongoDB.
    👉 🔗 Solution: /mongodb-delete-document-nodejs
34. Implement CRUD operations on MongoDB.
    👉 🔗 Solution: /mongodb-crud-nodejs

---

🔴 PART 7: REST APIs

35. Create a RESTful API using Node.js and Express.js.
    👉 🔗 Solution: /nodejs-express-rest-api-crud
36. Develop a RESTful API server using Express.js.
    👉 🔗 Solution: /express-api-server-example
37. Develop a RESTful API for user authentication.
    👉 🔗 Solution: /nodejs-authentication-api
38. Create a REST API for todo list application.
    👉 🔗 Solution: /nodejs-todo-api
39. Develop a RESTful API for product management.
    👉 🔗 Solution: /nodejs-product-api
40. Write a program to download files using Node.js.
    👉 🔗 Solution: /nodejs-file-download

---

React & Node.js Programs

🚀 How to Use This Page

• Start from Program 1
• Open each solution link
• Practice code yourself
• Revise before exams

---

🔥 Coming Next

👉 Complete solutions (step-by-step) for each program
👉 Viva questions + answers
👉 Mini full stack projects

---

💬 Final Tip

Don’t just read — code every program yourself.

---

Further Reading

JUnit Tutorial

How to Master Full Stack Development?

Spring Framework Practice Problems and Their Solutions

30 MCQs on JUnit

From Google to the World: The Story of Go Programming Language

Why Go? Understanding the Advantages of this Emerging Language

Creating and Executing Simple Programs in Go

20+ Interview Questions on Go Programming Language

100+ MCQs On Java Architecture

Java Practice Exercise

• Angular
• ASP.NET
• C
• C#
• C++
• CSS
• Dot Net Framework
• HTML
• IoT
• Java
• JavaScript
• Kotlin
• PHP
• Power Bi
• Python
• Scratch 3.0
• TypeScript
• VB.NET

Princites