Git Product home page Git Product logo

network's Introduction

network

Using Python, JavaScript, HTML, and CSS, this app implements a social network that allows users to make posts, follow other users, and “like” posts

Features

  • New Posts: Users who are signed in are able to write a new post by filling in the text area and then clicking a button to submit the post.

  • All Posts: The “All Posts” link in the navigation bar takes the user to a page where they can see all posts from all users, with the most recent posts first. Each post should includes the username of the poster, the post content itself, the date and time at which the post was made, and the number of “likes” the post has.

  • Profile Page: Clicking on a username loads that user’s profile page. This page:

    • Displays the number of followers the user has, as well as the number of people that the user follows.
    • Displays all of the posts for that user, in reverse chronological order.
    • This page also displays a “Follow” or “Unfollow” button to logged in users.
  • Following: “Following” in the navigation bar takes the user to a page where they see all posts made by users that the current user follows.

  • Pagination: On any page that displays posts, up to 10 are displayed on a page at a time. If there are more than ten posts, the user can toggle between different pages with the pagination buttons at the bottom of the page.

  • Edit Post: Users are able to edit their own post. When a user clicks “Edit” for one of their own posts, the content of their post is be replaced with a textarea where the user can edit the content of their post. The user is able to then save the edited post.

  • “Like” and “Unlike”: Users are able to hit "like" on any post to toggle whether or not they “like” that post.

network's People

Contributors

bnseamster avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.