Skip to content

Twitter-like social network website for making, liking posts and following users.

License

Notifications You must be signed in to change notification settings

VincVader/Social-Network

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Social Network

Twitter-like social network website for making, liking posts and following users.

Written with:

  • HTML
  • CSS (Bootstrap 4.5.3)
  • JavaScript
  • Python 3.9
  • Django 3.0.2
  • SQLite 3

Readme Navigation

  1. All Posts
  2. New Post
  3. Profile Page
  4. Following
  5. Edit Post
  6. Pagination
  7. "Like" and "Unlike"
  8. Future improvements

My contacts

1. All Posts:

On the front page user can see all posts from all users with the most recent posts coming first.

Also at any time user can click on All Posts link in the navbar to be taken to front page with all posts.

front page

2. New Post:

Users who are signed in can click on New Post link in the navbar, write a new text-based post by filling in text into a text area and then clicking a button to submit the post.

creating a new post

3. Profile Page:

Clicking on a username will load that user’s profile page. That page displays:

  • Number of followers the user has
  • Number of people that user follows
  • All post made by that user in reverse chronological order

alt text

3.1 Follow/Unfollow:

For any other user who is signed in, page also displays a Follow or Unfollow button that let the current user toggle whether or not they are following this user’s posts.

follow/unfollow user

4. Following:

User can click on the Following link in the navbar, doing so user will be taken to a page where they see all posts made by users that the current user follows.

following

5. Edit Post:

Users can click an Edit button on any of their own posts to edit that post.

edit post

6. Pagination:

On any page that displays posts can be only 10 of them. If there are more than 10 posts, a Next button appear to take the user to the next page of posts (which should be older than the current page of posts). If not on the first page, a Previous button appears to take the user to the previous page of posts as well.

pagination

7. "Like" and "Unlike":

Users who signed in is able to click a like button on any post to toggle whether or not they “like” that post.

liking posts

8. Future improvements:

  1. Switch from bootstrap to css
  2. Improve ui
  3. Add reposts
  4. Make editing possible on the same page

My contacts

Telegram

VK

E-Mail

About

Twitter-like social network website for making, liking posts and following users.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published