Inspogram

Inspogram is a project, inspired by Instagram. It's a social media platform, where people can share pictures and other users can comment, like a post as well on other people.

Index

Feature List - DB Schema - API Documentation - Frontend Routes

Technologies Used

Getting Started

Clone this repository (only this branch)

git clone https://github.com/appacademy-starters/python-project-starter.git

Install dependencies

pipenv install --dev -r dev-requirements.txt && pipenv install -r requirements.txt

Create a .env file based on the example with proper settings for your development environment
Setup your PostgreSQL user, password and database and make sure it matches your .env file
Get into your pipenv, migrate your database, seed your database, and run your flask app
```
pipenv shell
```
```
flask db upgrade
```
```
flask seed all
```
```
flask run
```
To run the React App in development, checkout the README inside the react-app directory.

IMPORTANT! If you add any python dependencies to your pipfiles, you'll need to regenerate your requirements.txt before deployment. You can do this by running:

pipenv lock -r > requirements.txt

Feature List

Splash Page & User Authentication

User can either log in with an exisiting account or sign up to create a new account. Alternatively if the user doesn't want to make an account, they can log using the demo user link.

User Feed Page

When a user logs in or sign ups, they will be redirected to the feed page, where they'll be able to view other people's post that they follow, along with having the ability to like and comment on their specific post.

Creating Post

By clicking the + button on the navigation bar, logged in user can create a post on their profile picture for other people to see that decides to go on your page, or that is already following you

Liking/Unliking a Post

User can click the heart to like or unlike the post. The heart will be filled if a user has liked the post either wirse it'll display an empty heart for the user to like

Viewing Comment

In the feed page, the user will be able to view the last comment of the post, but if they want to see more, they can click the view all comments link be bring up a post detail modal to see all the comments that are on the post

Editing Comment

To edit your own comment, user must find the comment that they wrote in the post detail, and next to their comment, there will be a three ... menu that will bring up a pop-up modal to edit or delete your own comment

Edit/Deleting a post

To delete a post, the owner of the post must go to their own profile page and click the three ... that is on the top of the post detail modal and another pop-up will come up prompting the user whether they want to edit the description/caption of their post or delete it.

VladimirRadovanovic/InspoGram