XMeme

XMeme is a Meme Stream Page where users can post memes by providing their name, a caption for the meme and the URL for the meme image as input.

Browser Support

• Firefox: version 4 and up
• Chrome: any version
• Safari: version 5.2 and up
• Internet Explorer/Edge: version 8 and up
• Opera: version 9 and up

Note: Support for modern mobile browsers is experimental. The website is not responsive in mobile devices until now.

Technology Stack to be used:

• Frontend: ReactJS, React-Hooks
• Backend: Django, Django Rest Framework
• IDE: VS Code
• API Testing & Documentation: Postman, Swagger
• Version Control: Git and GitHub
• Database: Sqllite3
• Hosting: Heroku, Netlify

Links:

• Frontend: https://xmeme-react.netlify.app/
• Backend: https://xmeme-django.herokuapp.com/memes/

How to Get Started?

Setup

Frontend Setup Instructions

• Fork and Clone the repo using

$ git clone https://github.com/PragatiVerma18/XMeme.git
$ cd XMeme

• Install node dependencies

$ npm install

• Run Server at localhost using

$ npm start

Backend Setup Instructions

• Fork and Clone the repo using

$ git clone https://github.com/PragatiVerma18/XMeme.git
$ cd XMeme

• Setup Virtual environment

$ python3 -m venv env

• Activate the virtual environment

$ source env/bin/activate

• Install dependencies using

$ pip install -r requirements.txt

• Make migrations using

$ python manage.py makemigrations

• Migrate Database

$ python manage.py migrate

• Create a superuser

$ python manage.py createsuperuser

• Run server using

$ python manage.py runserver

Developer 👩‍💻

Pragati Verma

Need help? Feel free to contact me @ itispragativerma@gmail.com

Made By Pragati Verma with ❤️

Pragati Verma © 2021

---