Skip to content

HOLOGRAM is a social-media platform where users can share and comment on images, as well as communicate via direct messages. HOLOGRAM is clone of Instagram.

Notifications You must be signed in to change notification settings

madilippmann/HOLOGRAM

Repository files navigation

HOLOGRAM

Link to live site

Hosted on Heroku: HOLOGRAM

Description

HOLOGRAM is a social-media platform where users can share and comment on images, as well as communicate via direct messages. HOLOGRAM is clone of Instagram.

image (7)

Team

Created by Madi Lippmann, Nick Esqueda, and Kevin Pravia Mayorga

Index

| Features List | Database Schema | Backend API Routes | Frontend Routes | Redux Store | User Stories | Wireframes |

Technologies

HOLOGRAM was built using the following technologies:

Features

image

Posts

  • Users can create a new post with an image and a caption.
  • Users can edit and delete posts

Likes

  • Users can like and unlike the other user's posts

Comments

  • Users can comment on posts
  • Users can update comments on posts
  • Users can delete comments

image

Follows

  • Users can follow other users
  • Users can view other users' follwers/following lists

Search

  • Users can use a search bar to search for other users and posts

Direct Messages

  • Users can create a thread with one or more other users in it
  • Users can message in real time in those threads

image

Getting Started

To see HOLOGRAM live, please click the link provided above. To run HOLOGRAM locally, please follow these steps: DISCLAIMER: you must be able to create an AWS S3 bucket in order to properly store images/audio files that are uploaded to the site. Upload functionality will not work without it

  • Clone the repository with
  • git clone https://github.com/madilippmann/HOLOGRAM.git
    
  • Create a database and database user. If using psql, the commands would be
  • psql
    CREATE USER hologram_app WITH PASSWORD <password> CREATEDB;
    CREATE DATABASE hologram_dev WITH OWNER hologram_app;
    
  • Navigate to the backend folder and install python packages
  • pipenv install
    pipenv shell
    
  • Create and seed database with
  • flask db upgrade
    flask seed all
    
  • Start the server with
  • flask run
    
  • Next, navigate to the react-app folder and run
  • npm install
    
  • Start the app with
  • npm start
    
  • You should now have HOLOGRAM running locally!
  • Future Features

  • Notifications
  • Stories
  • Multiple pictures in posts
  • About

    HOLOGRAM is a social-media platform where users can share and comment on images, as well as communicate via direct messages. HOLOGRAM is clone of Instagram.

    Resources

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

    No packages published

    Contributors 3

    •  
    •  
    •