Xmeme

Platform to share the memes!

Comment

Inspiration

I always wonder how social media works where it stores all all the post and how do they render it on the front-end and how can we edit that post so I though why not to make a similar app for posting the memes.

What it does

Any user can come and fill the entries (Name, Caption and URL of the meme) and can submit the meme. The details are stored in the database and in the same screen just below the entries section top 100 memes are rendered from the backend and user can see the different memes posted by the different users. User can also edit the memes by just changing the URL or caption of the meme but they can't change the Name of the meme owner.

How we built it

I use Reactjs for the frontend and I create backend in Django using REST framework. I also include Swagger UI in the backend URL to check all the APIs and for the backend I use MySQL database. but during the time of deployment on heroku I need to shift my database from mysql to postgresql because of the paid service of MySQL on heroku. I deployed my frontend on netlify.

Challenges we ran into

I definitely faced so many challenge. This is my first full stack web project and I don't know how the things work. Don't have any prior knowledge about the API's , deployment, managing database but I learn this all, took help from the community and managed to built it.

Accomplishments that we're proud of

In between the project I have a doubt that whether I''ll be able to complete it or not but I never give up. Gave my 100% to complete this project with all the dedication and finally I am proud of me that I have finally made it.

What we learned

I learn so many thing from this projects like

  • Reactjs
  • Django
  • MySQL
  • Restful API
  • Swagger UI
  • GET POST PATCH DELETE methods
  • Overview about Docker
  • Deployment ## What's next for Xmeme Now I'll take this app forward and make a social media type platform where user can register, login, and post the memes they can handle their profile and can like comment and share the memes of other people just like we do with the posts in popular social media sites.

Built With

Share this project:

Updates