CS50 Web Project 3 – Mail | SPA Email Client with Django & JavaScript
This video demonstrates my submission for Project 3: Mail from CS50’s Web Programming with Python and JavaScript by Harvard University.
In this project, I built a fully functional single-page email client (SPA) using JavaScript, Python (Django), HTML, and CSS. The application allows users to send emails, view mailboxes, archive messages, and reply to conversations — all without reloading the page.
🚀 Features:
• Compose and send emails
• View Inbox, Sent, and Archived mailboxes
• Dynamic email loading using JavaScript (Fetch API)
• Open and read full email content
• Mark emails as read/unread
• Archive and unarchive emails
• Reply to emails with pre-filled content
• Real-time UI updates (Single Page Application behavior)
✨ Additional Enhancements
• Modern responsive UI (Bootstrap + custom CSS)
• Notification system for success and error messages
• Clean email layout with truncated text (ellipsis)
• Styled action buttons (Reply & Archive)
• Improved user experience and layout design
🛠️ Technologies Used:
Python
Django
JavaScript (ES6)
HTML5
CSS3
Bootstrap
📂 Project Repository:
https://github.com/HossamJa/cs50Web-p...
🎓 Course:
CS50’s Web Programming with Python and JavaScript
Harvard University
👤 Author:
Hossam Jamjama
Timestamps:
00:00 - Introduction
00:34 - Send Mail
01:15 - Mailbox
02:50 - View Email
03:21 - Archive and Unarchive
04:02 - Reply