Skip to content

julianamtyler/InstagramClone

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Instagram Clone

Instagram Clone is a full-stack application, built in collaboration with Gina Yi, Veronica Lee, Juliana Tyler and Mandeep Kaur. Our team chose this project because we wanted to built something we love. The intent of this project is to create a clone of Instagram, a photo sharing app with features of upload, like and comment the photos.

Project Requirements

Build an MVP with following functionalities.

  1. Ability to upload and delete photos.
  2. Ability to like and unlike photos.
  3. Ability to add comments to photos.

Technology Requirements

HTML, CSS, JavaScript, Node.js, Express, MongoDB, GitHub, Heroku

Lead Engineer: Mandeep Kaur

Responsibilities:

  1. Set up and configure GitHub repo.
  2. Create all database models.
  3. Set up a get, post, put, and delete route for all resources.
  4. Manage deployment.
  5. Turn MVP functionalities to granular stories, open "Issues" to track the progress.
  6. Create the stylesheet for the application (grid, color, font, graphic assets). Desktop Version Mobile Version
  7. Architecture plan for the application using a components diagram. Architecture Image 1 Architecture Image 2 Architecture Image 3

MVP

Each team member participated in a daily scrum, owned 1 user story.

Team Member: Gina Yi

Responsibility: Build a feature with functionality that upload and delete photos.

Granular Stories:

  1. Upload photos that render to the page.
  2. Save photos on the server and database.
  3. Get photos from the server and database.
  4. Delete photos that render to the page.

Upload Photo

Team Member: Veronica Lee

Responsibility: Build a feature with functionality that like and unlike photos.

Granular Stories:

  1. Like photos and recognized when like button is clicked.
  2. Save likes on the server and database.
  3. Get likes from the server and database.
  4. Unlike photos update on the server and database.

Like Photo

Team Member: Juliana Tyler

Responsibility: Build a feature with functionality that add comments to photos.

Granular Stories:

  1. Add comments to photos that render to the page.
  2. Save comments on the server and database.
  3. Get comments from the server and database.

Comment Photo

Next Steps

Adding additional functionality.

  1. Multi-user functionality.
  2. Ability to applying filters.
  3. Ability to follow other users.
  4. Ability to add stories.
  5. Ability to DM users.

Deployed Project On Heroku

About

Upload, delete, like, unlike and add comments to photos.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 61.3%
  • CSS 26.2%
  • HTML 12.5%