MLR Institute of Technology (Autonomous)
FULL STACK DEVLOPMENT LAB
III B. TECH- I SEMESTER
Course Code Category Hours / Week Credits Maximum Marks
L T P C CIE SEE Total
A6IT14 PCC
- - 3 1.5 40 60 100
COURSE OUTCOMES
Upon successful completion of the course, the student is able to
The course should enable the students to:
1. Usage of various front and back end Tools
2. They can understand and create applications on their own
3. Demonstrate and Designing of Websites can be carried out.
4. Develop web based application using suitable client side and server side code.
5. Implement web based application using effective database access.
LIST OF EXPERIMENTS
WEEK -1 CREATE SIMPLE WABPAGE
1.Write a program to create a simple webpage using HTML.
WEEK -2 HTML,CSS AND JAVA SCRIPT
1. Write a program to create a website using HTML CSS and JavaScript?.
WEEK -3 CHAT BOT MODULE
1.Write a program to build a Chat module using HTML CSS and JavaScript?
WEEK -4 REACT JS
1. Write a program to create a simple calculator Application using React JS.
WEEK -5 VOTING APPLICATIONS USING REACT JS
1. Write a program to create a voting application using React JS.
WEEK -6 PASSWORD STRENGTH USING JQUERY
1.Write a program to create and Build a Password Strength Check using Jquery.
WEEK -7 JQUERY
1. Write a program to create and Build a star rating system using Jquery
WEEK -8 PROJECT MANAGEMENT APPLICATION
Create a project on Project Management application. This is going to be the toughest of all with a lot
of features. They should have a framework of a basic social media site with users being able to
communicate with each other. Users should be able to create projects and tasks within projects. Users
must be able to assign tasks to other users and must be able to comment on it just like on a social
media post. To start with, each user can have a calendar view and a kanban style board. Users must
be able to close and archive tasks as well as projects when completed
B.Tech-Computer Science & Information Technology – R22
MLR Institute of Technology (Autonomous)
WEEK -9 PROJECT MANAGEMENT APPLICATION
1. Create a project on Content Management System for a blog Using the CMS users must be
able to design a web page using the drag and drop method. Users should be able to add
textual or media content into placeholders that are attached to locations on the web page
using drag and drop method.
WEEK -10 PROJECT MANAGEMENT APPLICATION
1. Create a project on Grocery delivery application Assume this project is for a huge online
departmental store. Assume that they have a myriad of grocery items at their go down. All
items must be listed on the website, along with their quantities and prices. Users must be
able to sign up and purchase groceries. The system should present him with delivery slot
options, and the user must be able to choose his preferred slot. Users must then be taken to
the payment page where he makes the payment with his favourite method.
WEEK -11 CREATE PROJECT E-COMMERCE PORTAL
1. Create a project e-commerce portal for used furniture sales Assume this project is for a
startup that is acquiring used furniture from users at a price, refurbishing them and selling
them off at a margin. The website must display second-hand furniture that is currently being
sold.
TEXT BOOKS:
1. Web Design with HTML, CSS, JavaScript and JQuery Set Book by Jon Duckett
Professional JavaScript for Web Developers Book by Nicholas C. Zakas
2. Learning PHP, MySQL, JavaScript, CSS & HTML5: A Step-by- Step Guide to Creating
Dynamic Websites by Robin Nixon
3. Full Stack JavaScript: Learn Backbone.js, Node.js and MongoDB. Copyright © 2015
BYAZAT MARDAN
REFERENCE BOOKS:
1. Full-Stack JavaScript Development by Eric Bush.
2. Mastering Full Stack React Web Development Paperback – April 28, 2017 by TomaszDyl ,
Kamil Przeorski , Maciej Czarnecki
B.Tech-Computer Science & Information Technology – R22
