Welcome to the final project repository for SEN204 – Internet and Web Programming.
This repository is where students will submit their final projects, following the workflow and guidelines below.
Throughout this course, students have explored the fundamentals and advanced concepts of web development, including:
-
Weeks 1–2: Web Fundamentals
HTML, CSS, JavaScript basics, responsive design, semantic HTML, forms, accessibility, layouts with Flexbox/Grid, and DOM manipulation. -
Weeks 3–4: Modern Frontend with React
Components, JSX, props, state, functional vs. class components, state management, Context API, React Router, and API integration. -
Weeks 5–6: Backend Development with FastAPI
Routes, request/response models, database connections, REST API design, authentication basics, and fullstack integration with React. -
Week 7: Alternative Backend with Django + Final Project
Django models, views, templates, comparison with FastAPI, and best practices in fullstack development.
Students are expected to deliver a fullstack web application that demonstrates:
- A React frontend with multiple pages and dynamic components.
- A backend API built with either FastAPI or Django.
- Integration between frontend and backend (data fetching, authentication, etc.).
- Clear documentation (
README.md) explaining project setup, dependencies, and usage.
Projects may be based on examples explored during the course (e.g., blog, product catalog, portfolio) or original ideas approved by the instructor.
- Please create a project structure with files organized to match the example provided in
/submissions/deniz-dahman. In my example, I used the uv tool, but feel free to choose tools that best fit the nature of your projectuv init deniz-dahman
- Within the project structure you’ve just created, please add all of your project files according to your planned design
- Include a README.md with instructions to run your project
- Provide requirements.txt or equivalent for dependencies
- include inside the Dockerfile the autmation to run the container
- Commit and push your changes to your GitHub Repo
git add .
git commit -m "Final project submission by <Your Name>"
git push origin main- Add a clear title and description (e.g., "Final project submission by -your name-").
- Once you have your project Live on your GitHub Repo, copy the link and send it by email to me
- Functional React frontend.
- Functional backend API (FastAPI or Django).
- Integration between frontend and backend.
- Documentation () with setup instructions.
- Clean and organized codebase.
- All submissions must be completed by [the date published in the LMS].
- Late submissions may not be accepted unless approved.
- If you face issues, contact me directly.