XMeme

XMeme is a simple CRUD application which allows the user to share memes with everyone that they find funny.

Folder Structure

.
├── controller                   # Main logic of the backend
├── model                        # Meme Schema
├── public                       # Contains static files like CSS
|    ├── css                     # All the CSS files 
├── routes                       # All the routes for GET, POST, PATCH and DELETE
├── views                        # EJS files with all code for frontend
├── .gitignore
├── app.js                       # Entry point of the app
├── package-lock.json
├── package.json
└── README.md

MVC architecture pattern is used while developing the website and comments have been added properly to differentiate

Built With

• Node JS
• Express JS
• Mongodb
• EJS

Installation

For Ubuntu

Clone Project

git clone https://github.com/Manthan109/XMeme.git

Running the project

cd XMeme\
chmod +x test_server.sh
./test_server.sh

Database

MongoDB used as Database.

Deployment

Heroku https://damp-river-68338.herokuapp.com/

Features

The frontend and backend is not hosted on 2 different services. The frontend is getting rendered by the backend requests.

Responsive website which makes it easier to use on smaller edge devices too and even on all types of device sizes.

Delete button added to delete any meme.

Added page navigation to navigate between 2 different screens

URL validation added

localhost:8081 is used for main application and localhost:8080 for swagger api documentation