/Travelgram

Travelgram is an Instagram clone social media platform where users can share their posts from their adventures and follow their friends.

Primary LanguagePython

Travelgram

Travelgram is an Instagram clone developed by a single developer Katerina Kreibich. All content is forprivate, non-commercial and non-profit use.

Enjoy browsing the live site: Travelgram

Index:

Technologies used:

Javascript | Python | Node.js | NPM | Flask | SQLAlchemy | Postgres | Alembic | Git | HTML / JSX | CSS | React | Redux | Heroku | Docker

Installation

To install Travelgram on your local machine please clone the project repository:

  • clone the project
git clone https://github.com/Code-rina/Travelgram.git
  • cd into the frontend directory
cd travelgram_project/react-app/
  • install dependencies from the package.json within the frontend directory
npm install
  • change into the Travelgram main directory
cd travelgram_project/
  • install dependencies from the Pipfile within the backend directory
pipenv install
  • enter the pipenv shell
pipenv shell
  • while in the shell and within the backend (travelgram_project/)directory
flask run
  • in another terminal window, cd into the frontend (travelgram_project/react-app)
npm start
  • open localhost:3000 and enjoy!

Features implemented

  • Posts

  • Comments

Features to be implemented in the future

  • Likes

  • Followers

  • Search

Login Page

Screen Shot 2022-03-24 at 2 45 27 AM

Signup Modal

Screen Shot 2022-03-24 at 2 45 47 AM

All Posts Page(Home)

Screen Shot 2022-03-24 at 2 46 33 AM

Create a New Post Modal

Screen Shot 2022-03-24 at 2 46 58 AM

Single Post Page

Screen Shot 2022-03-24 at 2 47 48 AM

Edit Post Modal

Screen Shot 2022-03-24 at 2 48 24 AM

Edit Comment Modal

Screen Shot 2022-03-24 at 2 48 51 AM

User Profile Page

Screen Shot 2022-03-24 at 2 49 34 AM

404 page

Screen Shot 2022-03-24 at 2 57 55 AM