Skip to content

A Full Stack(Spring Boot, React JS, MySQL) meme stream application where users can post, edit and view memes. The interaction between the frontend and backend is based on a REST API

Notifications You must be signed in to change notification settings

AadityaKhetan/Xmemes

Repository files navigation

Xmemes

Meme Stream : Spring Boot + ReactJS Application

A Full Stack meme stream application where users can post a meme by providing name,caption and an image url. Users can also view and edit the posted memes. All the memes are displayed in a reverse chronological order on the basis of day it was posted. The Frontend made using REACTJS sends all the HTTP requests through a REST API made in Spring Boot which further stores the meme details with name, caption and image url in a MySQL database.

Application Architecture

Application Architecture

Requirements

  • Node.js 14.15.5 LTS
  • Java SDK v1.8 or higher
  • Java 8 or higher
  • Maven 3.3 or higher
  • Spring Boot 2.4.2
  • MySQL 5.6 or higher

Endpoints

  1. Endpoint to send a meme to the backend.
    • HTTP Method - POST
    • Endpoint - /memes
  2. Endpoint to fetch the latest 100 memes created from the backend.
    • HTTP Method - GET
    • Endpoint - /memes
  3. Endpoint to specify a particular id (identifying the meme) to fetch a single Meme.
    • HTTP Method - GET
    • Endpoint - /memes/{id}
  4. Endpoint to update the caption or url for an existing meme at the backend.
    • HTTP Method - PATCH
    • Endpoint - /memes/{id}

Deployment

Frontend deployed through Firebase hosting : https://xmeme-aadityakhetan.web.app/

Backend Deployed at Heroku : https://xmeme-springboot-backend.herokuapp.com/memes

About

A Full Stack(Spring Boot, React JS, MySQL) meme stream application where users can post, edit and view memes. The interaction between the frontend and backend is based on a REST API

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published