cpLeee / Project-Memestegram

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Welcome to Memestagram!

Memestegram is a basic web app project to display the progress of the skills we have gained from Phase 2: React, in our Flatiron bootcamp.

Functionality and Features

  • Routing of the three separate routes: home, favorites, and form.
  • Liking a post that will toggle a like icon, update the backend which also sends the post to the favorites route in the frontend.
  • Unliking a post in the favorites route that will update on the backend and remove the post from the favorites route in the frontend.
  • Filtering the posts you would like to see by genre by changing the select bar or by searching by name in the search bar,
  • Toggle hide/show comments as well as adding comments under each post which updates the front and backend,
  • Deleting a post from the front and backend, and lastly, a submission form which can be used to post your own meme, adding it both to the front and backend.

Thanks for checking out our work, and happy memeing!

This image is you

This is you right now

Screenshots

Front Page

alt tag

Favorites Functionality

alt tag

Comments Functionality

alt tag

Filter Functionality

alt tag

Search Functionality

alt tag

Add a New Meme

alt tag

Delete a Meme

alt tag

Tech Stack

  • Javascript
  • React.js
  • HTML/ CSS
  • Figma

About


Languages

Language:JavaScript 61.5%Language:CSS 30.9%Language:HTML 7.7%