Full Stack Development - Lab Programs

Student Name: ALBIN MAMMEN MATHEW
Roll No: 08
Course: S2 RCSS - FULL STACK LAB

---

🧾 Program List

Part 1: HTML, CSS & JavaScript Essentials

1. Program 01: Responsive Web Design
2. Program 02: CSS Animations & Transitions
3. Program 03: Flexbox Layout System
4. Program 04: Pricing Table UI
5. Program 05: Product Landing Page
6. Program 06: Form Validation
7. Program 07: Filter & Search Implementation
8. Program 08: Image Slideshow
9. Program 09: Digital Clock
10. Program 10: Dropdown Menu Selection
11. Program 11: Student JSON Parsing
12. Program 12: Weather Application
13. Program 13: Dynamic Theme Switcher
14. Program 14: Bootstrap Responsive Layout
15. Program 15: Material Design UI
16. Program 16: Professional UI Design

Part 2: Flask & Django Frameworks

17. Program 17: E-commerce Website
18. Program 18: Flask Calculator
19. Program 19: Suggestion Form (Flask)
20. Program 20: Django Hello World
21. Program 21: Django App Configuration
22. Program 22: Django Student Model & Migrations
23. Program 23: Django CRUD Operations (ORM)
24. Program 24: Django Function-Based Views (FBV)
25. Program 25: Django Class-Based Views (CBV)
26. Program 26: Django Dynamic URL Routing
27. Program 27: Django Auth & Theme Toggle
28. Program 28: Django Protect Views (login_required)
29. Program 29: AI Chatbot (Python Library & Flask)
30. Program 30: Online Resume / Portfolio Website (Flask)
31. Program 31: Role-Based Authentication System (Django)
32. Program 32: Django Template Inheritance & Static Files
33. Program 33: Online Feedback System (Django)
34. Program 34: Django Blog Application
35. Program 35: Django Session Management & Active Users
36. Program 36: Django Pagination & Search Implementation
37. Program 37: Django Form Validation & Error Handling
38. Program 38: Secure Authentication System with Password Hashing
39. Program 39: Full Stack Application Deployment Guide
40. Program 40: CivicNode – UN SDG 11 Mini Project (Django)

---

⚙️ Setup Instructions (Program 12: Weather App)

To prevent API keys from being exposed, the Weather Application requires a config.js file.

1. Copy config.js.example and rename it to config.js.
2. Open config.js and replace "YOUR_API_KEY_HERE" with your actual OpenWeatherMap API key.
3. Open 12_weather_app.html in your browser.

---

© 2026 Albin Mammen Mathew