Profile Picture

Humanitarian Expert & Tech Enthusiast!

A decade of service, now shaping solutions where compassion meets technology for lasting impact.

Connecting Cultures, Transforming Data into Insights, and Building Digital Bridges. Skilled in Web Development, and Data Analysis..


P R O J E C T S

Project 1
Auctions – A Modern Online Auction Platform

Type: Full-Stack Web Application

Tech Stack: Django · Python · HTML/CSS · Bootstrap · JavaScript · SQLite

View Project
Project 1
Mail – A Dynamic Single-Page Email Client

Type: Frontend Web Application

Tech Stack: Django · Python · JavaScript · HTML · CSS · RESTful API

View Project
Project 1
Network – A Social Platform for Real-Time Connection

Type: Full-Stack Web Application

Tech Stack: Django · Python · JavaScript · HTML/CSS · Bootstrap · SQLite

View Project

B L O G

Network – A Social Platform for Real-Time Connection

 

 

Project Description

Network is a modern social networking platform that brings people together through real-time interaction, seamless post sharing, and dynamic user engagement. Designed with a clean and responsive interface, the app allows users to create content, follow others, and interact with posts in a meaningful way.

Whether you're sharing your thoughts, following your favorite users, or engaging with trending content, Network offers a smooth and intuitive experience across devices.


Key Features

  • 📝 Create Posts
    Authenticated users can write and publish text-based posts using a sleek, user-friendly editor.

  • 🌍 All Posts Feed
    View a global feed of all user posts, sorted by the most recent. Each post displays the author, timestamp, content, and like count.

  • 👤 Profile Pages
    Every user has a dedicated profile page showing:

    • Total followers and following count
    • All personal posts in reverse chronological order
    • A dynamic Follow/Unfollow button for other users
  • 👥 Following Feed
    A personalized feed that displays posts only from users you follow—perfect for staying updated with your favorite voices.

  • 📄 Pagination
    Posts are paginated with 10 per page, ensuring fast load times and a clean browsing experience. Navigate easily with “Next” and “Previous” buttons.

  • ✏️ Edit Posts
    Users can edit their own posts inline using JavaScript-powered text areas—no page reloads required. All edits are securely validated to prevent unauthorized changes.

  • ❤️ Like & Unlike
    Engage with content by liking or unliking posts. Like counts update instantly using asynchronous JavaScript (AJAX), providing a smooth, real-time experience.

 


 


*

ایک تبصرہ شائع کریں (0)