š CS50 Web Programming ā Project 4: Social Network
A full-stack social networking web application built with Django, JavaScript, HTML, and CSS. This project allows users to create posts, follow others, and interact through likes ā similar to modern social media platforms. āØ Key Features ā¢ Create posts in real time ā¢ Follow / Unfollow users ā¢ Like and Unlike posts dynamically ā¢ Edit your own posts without page reload ā¢ View profiles with followers & following count ā¢ Pagination for smooth browsing š” This project focuses on backend logic + frontend interactivity, using Django for server-side and JavaScript (Fetch API) for dynamic updates. ā±ļø Timestamps 00:00 ā Introduction 00:15 ā User Registration & Login 00:35 ā Create New Post 01:00 ā All Posts Page (Pagination) 01:30 ā Profile Page (Followers / Following) 02:00 ā Follow & Unfollow Feature 02:30 ā Following Page 03:00 ā Edit Post (No Reload) 03:40 ā Like & Unlike Posts (Async Update) 04:20 ā Final Overview š ļø Tech Stack ā¢ Backend: Django (Python) ā¢ Frontend: JavaScript, HTML, CSS š About This Project This project is part of CS50ās Web Programming with Python and JavaScript course. It demonstrates how to build a fully functional social media platform with real-world features. ā If you found this helpful or interesting, feel free to like and support! #CS50 #WebDevelopment #Django #JavaScript #FullStack #Programming
Video Chapters
Original Output
0:23 Logging in & sharing your first post 2:26 Following users & exploring social profiles 3:30 Personalized feeds & navigating with pagination Timestamps by StampBot š¤ (509-cs50-web-programming-project-4-social-network)
Unprocessed Timestamp Content
0:00 Showing the project setup in VS Code before launching 0:12 Exploring the "All Posts" page as an unauthenticated user 0:23 Logging in as Chandler, unlocking more social features 0:38 Crafting a brand new "Hello, world" post for the feed 1:00 Editing Chandler's freshly baked post, showcasing content updates 1:30 Giving Monica's post some love with a quick like and unlike 2:04 Visiting Alice's profile to see all her wonderful contributions 2:26 Following Alice to keep up with her latest profound thoughts 3:05 Diving into the "Following" feed to see posts from friends 3:16 Expanding the following feed by adding Carol's posts to the mix 3:30 Pagination in action, browsing through posts beyond the first ten 4:20 Wrapping up the demo of this bustling social network Timestamps by StampBot š¤ (509-cs50-web-programming-project-4-social-network)