aselk1 / Medio

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Medio

Medio is a clone of the existing site Medium, an application where users can post and share stories/articles with the rest of the world.

live site: https://medio.onrender.com

Wiki Links

Technologies Used

  • Javascript
  • HTML
  • CSS
  • NPM
  • React
  • Redux
  • NodeJS
  • Flask
  • SQL Alchemy
  • PostgreSQL
  • Python
  • Render.com

Application Setup

  1. Clone the full Repo.
  2. Navigate to the root folder and use the terminal command pipenv install to install all backend dependencies.
  3. Navigate to the react-app folder and use the terminal command npm install to install all front end dependencies.
  4. Run the backend server with pipenv run flask run.
  5. Run the frontend server with npm start.

Splash Page

This is the Medio home page.

image

Stories

This is where users can create a new story.

image

Comments

This is where users can create a new comment.

image

Follows

This is where users can follow other users.

image

Future Features

  • Comment Likes
  • Search Bar
  • Topics/Categories
  • Bookmarked/Saved stories

About


Languages

Language:Python 85.1%Language:CSS 12.5%Language:JavaScript 2.1%Language:Mako 0.2%Language:Shell 0.1%Language:HTML 0.1%