Skip to content

BasileF/Full-Send-341

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

129 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Full-Send-341

Description

Full Send will serve as a clone of the popular social media app, Instagram. The web app will allow users to create accounts, post images, comment on posts, follow other users, etc. In addition to the core features users may also be able to hashtag images, post stories, etc. Full Send will connect members within the community around you via images.

Objective

The objective of this app is to connect people around the world through the posting and sharing of images.

Core Features

  • Register
  • Login
  • Upload picture
  • Comment on picture
  • Follow user
  • Profile page
  • Notifications

Team Members (Real name - GitHub username)

  • Patrick Godbout - patrickgdbt
  • Basile Fengos - BasileF
  • Chris Sotirakos - greekspartanx99
  • Michael Nareg Arabian - aramich100
  • Adam Richard - arich94

Languages & Techniques

Front-End
  • React
  • CSS
  • HTML
Database
  • Firebase

Block Diagram

Alt text

Screenshots of Project in Operation

  1. The website's landing page is the login screen and displays the website's logo.

image

  1. The registration page.

image

  1. The home screen is the user's feed, displaying all their posts and the posts of the users they follow. Every page of the app also displays the header, which can be used to search for users, check notifications and navigate to other pages.

Alt text

  1. When a user get's a notification, the icon on the header displays a number showing how many notifications require attention.

Alt text

  1. Notifications appear when someone follows you or comments on your posts. Clicking on the notification bell opens a side drawer containing the notification details.

Alt text

  1. Users can comment on posts. They are displayed in a drawer beneath the image.

image

  1. Posts track how many likes they contain with a number above the heart icon. Clicking the heart increases the like count.

Alt text

  1. Users are able to search for other users using the search bar in the header. Clicking a name from the results dropdown will bring you to that user's profile page.

Alt text

  1. Profile pages display the user's name, follower and following count, and a button allowing the visitor to follow. Below that, the users posts are all loaded similar to the way they are displayed in the feed.

Alt text

  1. If you already follow the user, the button displays "unfollow". Note that when users follow or unfollow each other the counts are not updated live.

image

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors