Browse images, pick up one, create a meme, download it and save it to your profile.
- Use a Rails API backend
- Use a React frontend
- Models in the backend: for the users and for the customized memes.
- Has a Authentication/authorization part.
- frontend built with HTML and React.
- styling with pure CSS and MDBootstrap.
- use of svg format to create a new meme, and
svg-as-png
library to save the meme as a png file. - backend built with Ruby on Rails with two endpoints (one for the users, one for the customized memes).
- use of Imgflip API to get images templates.
- user JWT for the Authentication part.
Fork and clone the project https://github.com/manonja/my-memes-app
- In your terminal, go to the client repository
cd client
- run
npm install
npm install --save mdbreact
for the material design bootstrap librarynpm install --save reactstrap react react-dom
for reactstrap componentnpm install --save-svg-as-png
to save the meme as a png filenpm start
- Go to the server repository
cd server
- run
bundle install
rails db:migrate
rails s -p 3001
If you have an account, just login. If you don't, sigup! Create memes and save them to your account.
Thomas Edwards (https://github.com/tomo10) & Manon Jacquin (https://github.com/manonja)