https://github.com/lipskiyp/social-network

CS50w Project 4: Django Social Network App
https://github.com/lipskiyp/social-network

ajax api django django-models dom html javascript python

Last synced: about 20 hours ago
JSON representation

CS50w Project 4: Django Social Network App

• Host: GitHub
• URL: https://github.com/lipskiyp/social-network
• Owner: lipskiyp
• Created: 2023-08-10T16:36:58.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-11T08:41:57.000Z (over 1 year ago)
• Last Synced: 2024-11-14T21:29:08.767Z (2 months ago)
• Topics: ajax, api, django, django-models, dom, html, javascript, python
• Language: Python
• Homepage: https://cs50.harvard.edu/web/2020/projects/4/network/
• Size: 32.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Social Network

CS50w Project 4: Django Social Network Website.

Django Twitter-like social network that lets users create, like and edit posts, follow/unfollow other users and visit other profiles. Designed from scratch, Python API lets users perform a range of CRUD operations on the database, including requesting posts, likes, followers and other information about the users and posts. Front-end is implemented with vanilla JavaScript and supports a range of AJAX requests to the server. All pages containing posts have dynamic pagination implemented with JavaScript and Boostrap. 

### Specification

### Video Demo

### network/views.py

Contains views associated with each of the routes.

### network/urls.py

Contains URL configuration for the app, including the API:

* / - renders the main page that displays posts submitted by all users, in chronological order.

* /login - renders the login page.

* /logout - renders the logout page.

* /register - renders the registration page.

* profile/ - renders the user's profile page. 

* /following - renders the page that displays all of the posts by users that the user follows, in chronological order.

* /isfollowing/ - returns json file with the isfollowing item set to True/False if the user follows the requested user.

* /countfollowing/ - returns json file with the following_count item set to the number of users that the requested user follows.

* /countfollowers/ - returns json file with the followers_count item set to the number of users that follow the requested user.

* /follow/ - submits a POST request for the user to follow the requested user (if not already).

* /unfollow/ - submits a POST request for the user to unfollow the requested user (if not already).

    

* /countlikes/ - returns json file with the likes_count item set to the number of likes for the requested post.

* /isliked/ - returns json file with the liked item set to True/False if the user has liked the requested post.

* /like/ - submits a POST request for the user to like the requested post (if not already).

* /unlike/ - submits a POST request for the user to unlike the requested post (if not already).

* /iscreator/ - returns json file with the iscreator item set to True/False if the user is the creator of the requested post.

* /posts - returns query set with posts. Accepts key value pairs: username (will return all posts by the user, if not provided, all posts by all users), start (first post index) and end (last post index). 

* /posts/following - returns query set with the posts by all users that the user follows. Accepts key value pairs: start (first post index) and end (last post index). 

* /countposts - returns json file with the posts_count item set to the number of posts. Accepts key value pairs: username (will return number of posts by the user, if not provided, number of all posts by all users)

* /countposts/following - returns json file with the posts_count item set to the number of posts by the users that the user follows.

* /newpost - submits a POST request to create a new post, with the post text inside request body. 

* /postedit/ - submits a POST request to edit the requested post (only if the user is a creator of the post). 

### network/models.py

Contains Django models that define the structure for the stored data:

* User - contains all user information.

* Post - contain all post information.

* Follower - contains following pairs.

* Like - contains users' likes. 

### network/static/network 

* API.js - front-end API for AJAX requests to the back-end API.

* createElements.js - framework to generate html elements for posts, liked/unfollow buttons etc.

* edit.js - framework to edit posts. 

* follow.js - framework to follow/unfollow other users.

* following.js - front-end framework for '/following' page, that loads posts, pagination etc.

* getCookies.js - collects csrftoken from the templates for POST requests that require csrf key.

* index.js - front-end framework for the main page, that loads posts, pagination etc.

* likes.js - framework to add/remove likes from the posts.

* posts.js - framework that loads users' posts on to the page.

* profile.js - front-end framework for the user profile page, that loads posts, pagination etc.

### network/templates/network 

* following.html - template for the page that displays all posts by users that the user follows.

* index.html - template for the main page that displays all posts.

* layout.html - layout template for all pages that includes the navigation bar. 

* login.html - template for login menu.

* profile.hrml - template for user profile page. 

* register.html - template for registration menu.