BMS COLLEGE OF ENGINEERING, BANGALORE-19
(Autonomous College under VTU Belagavi)
DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING
Semester: 3
Course Title: Full Stack Web development
Course Code: 22CS3AEFWD Total Contact Hours: 30
L-T-P: 0-0-1 Total Credits: 1
Guidelines:
This course focuses on developing comprehensive skills in Full Stack Web Application
Development. Students will learn to develop both front-end and back-end components of
web applications, integrate with databases and external services, and apply best practices in
web development.
Under this project work, student should develop Advanced Web based Application using
technologies such as PHP, Python, Node JS, React, Angular.
Students can form a group with minimum of three and maximum of four.
Teacher allotted for project work to students should teach full stack technologies like Node
JS, React, etc., during Class/Lab hours as per the allotment. Teacher allotted for project work
should guide the students in choosing the topic and towards carrying out project work and
complete the evaluation of assigned students.
Reference Text Books:
Sl.
Book Title Authors Edition Publisher Year
No.
Modern Full-Stack Development: Frank
1 1st Apress 2020
Using Type Script, React, [Link] Zammetti
Beginning MERN Stack , Build and
Amazon Digital
2 Deploy a Full Stack MongoDB, Greg Lim 1st 2021
Services
Express, React, [Link] App
Tutorial Links:
1. [Link]
django/
2. [Link]
javacript
3. [Link]
certification
4. [Link]
5. [Link]
1
BMS COLLEGE OF ENGINEERING, BANGALORE-19
(Autonomous College under VTU Belagavi)
DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING
Course Outcomes (COs):
CO1 Apply full-stack web development technologies to solve real-world problems.
Design and develop user-centric web applications focused on social and environmental
CO2
issues.
Integrate front-end and back-end components effectively with databases and external
CO3
services.
CO4 Demonstrate teamwork and problem-solving skills in project development.
CO-PO-PSO mapping:
PO1 PO2 PO3 PO4 PO5 PO6 PO7 PO8 PO9 PO10
PO11 PO12 PSO1 PSO2
CO1 3 3 3 3
CO2 3 3 3 3 3 3
CO3 3 3 3 3
CO4 3 2 3
Assessment Plan for CIE:
Tool Remarks Marks
Internals --- ---
Quiz --- ---
Lab Component CIE through Reviews 50
Alternate Assessment Tool (AAT) --- ---
Total 50
Weekly Activities and Delivery:
Content deliverables by
Sl.
Week Activity the assigned Technologies/Skills to be Covered
No.
teacher
Overview of full stack
development tools and
Formation of frameworks.
groups. Note:Introduction to Full Stack Overview of web development
1 1st Student Technologies & Issue (HTML, CSS, JavaScript),
groups of size Identification Introduction to full stack
3 to 4 frameworks (MEAN, MERN),
Identifying social/environmental
issues for web solutions.
2
BMS COLLEGE OF ENGINEERING, BANGALORE-19
(Autonomous College under VTU Belagavi)
DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING
Project topic Identifying problem and
selection by understanding social and
each Group. environmental issues.
Presentation: Brainstorming and planning a
Conceptualizing a Web
2 2nd Student and web application focused on a
Application
Project topic chosen social/environmental
introduction issue.
by each Tools for wireframing and
group prototyping (Figma, Sketch)
Define layouts based on
project scope and objectives.
Learning the basics of front-
end (HTML, CSS, JavaScript)
Design Layout Basic Front-end and and back-end ([Link],
3 3 rd of the Web Back-end Python) development.
Pages Development Front-end: HTML5, CSS3,
JavaScript basics.
Back-end: Introduction to
[Link], [Link], RESTful API
development
Techniques for managing and
integrating data in web
Front end and applications.
4th,
back-end Data Management Database technologies
4 5th
implementati and Integration (MongoDB, SQL), Integrating
and
on databases with back-end
6th (Mongoose for MongoDB),
Basic CRUD operations.
3
BMS COLLEGE OF ENGINEERING, BANGALORE-19
(Autonomous College under VTU Belagavi)
DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING
Delving into advanced front-end
technologies (React, Angular)
and back-end technologies
Design and (databases, server
Development management).
Advanced Front-end &
7th, of Front-end: [Link]/Angular for
Back-end Technologies
5 8th connecting dynamic UI development.
Project Development
and among Back-end: Advanced [Link],
and Mid-term Review
9th different web Authentication (JWT, OAuth),
pages Server-side rendering.
Development of the project with
guidance and a mid-term review
to assess progress.
Applying feedback from the mid-
term review and refining the
application for better
Presentation Integrating Feedback performance and impact.
6 10 th by each & Refining Implementing feedback,
group Applications Optimization for performance,
Security best practices (HTTPS,
data validation), User testing
and UX improvements.
Complete
Project Work Final Project Students present their completed
7 11 th Demonstratio Presentations and projects and submit their final
n by each Submissions work for assessment.
group
Project
8 12th Report
Preparation
Rubrics for Project Evaluation:
Needs
Criteria Excellent Good Satisfactory Improveme Points
nt
(18-16)
Clearly articulates (15-10) (9-5) (4-0)
a significant Recognizes a Identifies a Fails to
Problem
social/environme pertinent issue basic issue identify a
Identification /18
ntal issue with and offers with relevant
& Relevance
insightful, practical standard issue or
innovative solutions. solutions. solution.
solutions.
4
BMS COLLEGE OF ENGINEERING, BANGALORE-19
(Autonomous College under VTU Belagavi)
DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING
(28-21)
Exemplary
(10-5)
implementation
(20-11) Basic (4-0)
of full-stack
Reliable and implementat Inadequate
technologies,
Technical proficient ion or
showcasing
Implementati technical incorporatin incomplete /28
efficiency,
on performance and g essential technical
integrity,
integrity meeting features and implementat
scalability,
key objectives. functionalitie ion.
sustainability and
s.
technical
excellence.
(20-15)
Exceptional (9-5) (4-0)
UI/UX design, Basic UI Poor or non-
(14-10)
prioritizing design functional
User Competent UI
intuitiveness and encompassin user
Experience & design focused /20
user-friendliness, g essential interface,
Interface on usability and
with a functions lacking in
functionality.
professional and user user-
standard of needs. centricity.
execution.
(12-9)
(5-3)
Exhibits active (2-0)
(8-6) Minimal but
engagement, Lack of
Consistent noticeable
exceptional active
Group participation and participation
collaboration, participation /12
Participation constructive and
and effective and
collaboration occasional
teamwork collaboration
within the group. contribution
throughout the in the group.
s.
project lifecycle.
(10-8)
Professional,
(5-3) (2-0)
engaging
Basic Disorganized
presentation with (7-6)
presentation presentation
outstanding Well-structured
with some lacking in
Presentation visuals and presentation with /10
structure coherence
comprehensive clear content and
and varying and
content, effective delivery.
delivery adequate
demonstrating
quality. content.
exceptional
delivery skills.
5
BMS COLLEGE OF ENGINEERING, BANGALORE-19
(Autonomous College under VTU Belagavi)
DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING
(12-9)
Comprehensive (2-0)
(5-3)
report covering Poorly
(8-6) Basic report
all project structured
Well-structured with limited
Report & aspects with and
report with content,
Documentatio meticulous incomplete /12
detailed coverage covering
n documentation, report,
of project essential
including lacking
implementation. project
methodology, essential
details.
design, and details.
future scope.
Total _/100
Note: The project will be evaluated for 100 marks and reduced to 50 marks.
CIE Evaluation - Proposed
Sl. Tools Marks
No
1 Certificate 10 Marks
2 Continuous Evaluation 10 Marks
3 Project 20 Marks
4 Report and Viva 10 Marks
Total 50 Marks
Certificate Link:
1. [Link]
action=enroll
2. [Link]
3. [Link]
SEE Exam (50 Marks):
Projects carried out by students will be evaluated by External examiner along with internal
faculty.