Full Stack Development Lab (MCA 168) 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.

👉 This page will act as your central hub — bookmark it for quick revision before exams.

---

🎯 What You Will Get

• ✅ Complete lab syllabus (all programs)
• ✅ Direct links to solutions
• ✅ Covers JavaScript, React, Node.js, MongoDB, Angular
• ✅ Perfect for lab exams + viva + placements

---

🟢 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

---

📌 Important Note

📖 This list is based on official syllabus:

---

🚀 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