/meme-generator-frontend

The frontend for the meme generator app. Backend: https://github.com/Ms-Alex/meme-generator-backend

Primary LanguageJavaScript

Meme Space

Create memes out of carefully, already selected funny images from the internet! Add memes that others have created into your favorites, or remove them!

Created with a Ruby on Rails API backend and a Javascript React frontend, Meme Space allows you to select an image and add text above and/or below it to add the memes page; don't forget to add some hashtags (without needing to put # in front of the word(s). By adding hashtags you can filter the memes that match your query! Add the memes to your favorites, or remove them! Just have fun!!!

Ruby on Rails API back end repo available here: https://github.com/Ms-Alex/meme-generator-backend

meme space still video

Installation

OS X & Linux:

front end:

npm install

back end:

bundle install

Usage example

Before entering Meme Space, you must "login" with a username:

meme space demo 1

View all memes, and add one to your favorites:

meme space demo 2

View your favorites. Remove a meme if you don't like it anymore:

meme space demo 3

Add a meme:

meme space demo 4

View all your memes:

meme space demo 5

Development setup

front end:

npm start

back end:

rails db:create
rails db:migrate
rails s -p 4000

Release History

  • 0.1.0
    • The first proper release

Meta

Alexandra Hernandez – ms.hernandeza1@gmail.com

[https://github.com/Ms-Alex/github-link]

Contributing

  1. Fork it (https://github.com/Ms-Alex/meme-generator-frontend/fork)
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request