/pynterest

Primary LanguagePython

Pynterest!

Pynterest: Table of Contents

  1. Link to live site
  2. About it!
  3. Try it out!
  4. Planned Technologies
  5. Features
  6. Wireframes
  7. Screenshots

About it!

Pynterest is a clone of Pinterest (who would've known) made using a Javascript frontend with React-Redux and a Python backend with Flask, SQLAlchemy, and PSQL. The app will allow users to post, update, or delete photos, explore photos that they may have interest in or photos of similarity via "Pyns". They should also be shown a profile page that will host photos they have added to their 'Saved' category and photos they themselves have posted. The profile page should also contain the "Pyns" they have attached to their own profile.

Try it out!

  1. Clone this repository

    git clone git@github.com:ohpaul28/pynterest.git
  2. Install dependencies

    pipenv install --dev -r dev-requirements.txt && pipenv install -r requirements.txt
  3. Create a .env file based on the .env.example file with credentials of your choice.

  4. Setup your PostgreSQL user, password and database to match your chosen credentials in the .env file.

  5. Enter your shell environment, upgrade and seed your database, and run your flask app

    pipenv shell
    flask db upgrade
    flask seed all
    flask run
  6. To run the React App, go inside the react-app directory, npm install and npm start. This should open your browser automatically but if not, you may navigate to localhost:3000 to access the application.

Planned Technologies

                 

 

Features

  • The home page will display photos of interest to the signed in user or if not signed in, random photos from the database.
  • Users can create, read, update, or delete Boards(photo albums)
  • Users can create, read, update, or delete Pyns(photos).
  • Users can create, read, or delete comments.
  • Users can add or remove Pyns from their Boards.
  • Users can browse all the Pyns or Boards in the database.

Screenshots

Login

image

Sign Up

image

Homepage(not logged in)

image

Homepage/Pyns Tab(logged in)

image

Boards Tab

image

Single Pyn // Comments

image

Posting a Comment

image

Deleting a Comment

image

Adding to a Board

image

User Profile Page

image

Creating a Pyn

image

Editing a Pyn

image

Deleting a Pyn

image

Creating a Board

image

Editing a Board

image

Deleting a Board

image

Future Developments

  • User follows
  • Chat between users
  • User favorites
  • Infinite scrolling
  • Multiple image uploads
  • Download/share links
  • Slideshow splash page like Pinterest's