Surfboard India Pvt. Ltd.
In association with VIVA Institute of Technology.
Internship Project Brief
Web Developer – Application-Based Project | 60 hours
Overview
his On-the-Job Training module simulates areal-worldweb development environment, where
T
you will work acrossrequirements, design, development,and testing workflows.
ou are expected to build a solution that demonstrates your ability totranslate business
Y
requirements into scalable, user-centric web applications.
Objective
Develop afunctional, production-oriented web applicationthat:
● ligns with definedbusiness and user requirements
A
● Demonstratesstructured frontend development practices
● Incorporatesresponsive, accessible, and interactiveUI
● Reflectsreal-world development workflows
Project Expectations
Each student/team is required to:
● uild afully functional web application
B
● Translate requirements intoclearly defined features
● Implementresponsive and adaptive UI
● Integratedynamic content and interactions
● Maintain code onGitHub with structured commits
● Ensure the product isstable, usable, and well-presented
Project Problem Statements (Select ONE)
Students may choose a domain and define a focused problem within it.
Problem Challenge Statement Expected
Area Complexity
equirement- B
R uild a web application that converts structured user inputs ata mapping
D
to-UI System into dynamic UI outputs (e.g., form → dashboard / report + UI rendering
view). Must reflect understanding of BRS → UI
transformation.
esponsive
R reate a dashboard that displays dynamic data (mock/API)
C tate
S
Data with filters, sorting, and responsive layouts across devices. management
Dashboard +
responsivenes
s
ccessibility- D
A esign and develop a web application that is fully ccessibility +
A
First accessible (WCAG basics), including keyboard navigation, UI discipline
Interface contrast, and semantic structure.
ontent-to-E
C uild a system where content (text/media) is transformed
B ontent
C
xperience into structured visual components (cards, lists, interactive modeling + UI
Platform blocks). system
I-Assisted
A reate a tool that uses AI (API/mock) to assist users in
C I integration
A
Workflow completing a task (e.g., summarization, content generation, + UX flow
Tool UI suggestions).
What Defines a Strong Project
A strong project reflectsclarity, structure, andusability.
Your solution should:
● learly maprequirements → features → output
C
● Focus onwell-executed core functionality
● Demonstrateclean UI and responsive behavior
● Handlereal usage scenarios (not static screens)
● Showmaintainable and structured code practices
Recommended Approach
.
1 nderstand and definerequirements clearly (BRS/URSthinking)
U
2. Break the problem intofeatures and components
3. Design UI before development (wireframe if needed)
4. Build core functionality first
5. Test responsiveness, usability, and edge cases
6. Refine based on feedback
Core Areas of Execution
1. Requirements Understanding
Interpret business and user needs
●
● Translate into functional requirements
2. Development Design
S
● tructure components and logic
● Align with High-Level Design thinking
3. UI/UX Implementation
C
● reate user-centric interfaces
● Ensure accessibility and usability
4. Responsive Development
M
● obile-first approach
● Cross-device compatibility
5. Version Control
U
● se Git/GitHub effectively
● Maintain clear commit history
6. AI-Assisted Development
U
● se AI tools for development support
● Validate and refine outputs
7. Media & Content Integration
Integrate structured UI elements
●
● Handle dynamic content
8. Testing & QA
● Test responsiveness and accessibility
● Identify and fix issues
9. Review & Iteration
Improve based on feedback
●
● Refine UI and functionality
10. Documentation
● Document approach, issues, and learnings
Submission Guidelines
All submissions must include:
● itHub repository link
G
● Live application / demo link
● Presentation file
● Explainer video (2-3min)
Evaluation Criteria
. R
1 equirements Understanding & Solution Alignment
2. Implementation Quality (UI, Responsiveness, Code)
3. Communication & Presentation
Important Note
This project evaluates your ability to:
C
● onvertrequirements into working systems
● Build withclarity and structure
● Deliverusable, real-world solutions
Focus on:
Execution over complexity
→
→Clarity over feature overload