Skip to content

Inspired from the TruTV Series, Impractical Jokers, create different memes based on scenes from the show and your own creativity. Created in HTML5, Vanilla JS and CSS. All images are used under Fair Use found using Google Images Search, and their rights belong to respective companies.

Notifications You must be signed in to change notification settings

kanwarjotp/Imprctl-Jkrs-Meme-Creator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Impractical Jokers Meme Creator

https://impractical-jokers-meme-creator.glitch.me/

My submission to Impractical Hackers Hackathon on 5th-7th Feb'21 weekend.

Design of the Website

A completely Responsive design for each and every Device

The Homepage of the website is set to a minimilastic scene, focussing on the task done by the website and avoiding any uneccessary directions. I uesd Horizontal Scrolling as I felt it would further simplify the website's UX. The presence of a nav bar on the bottom of the screen also aims to smoothen the navigation as pages snap into view. The meme creater application itself is very simple, with a clean gallery present along it to activate the user's creatvity. The Footer. of the website is an entire page at the end. The user has the choice to share the website to their Twitter and Facebook pages.


The Meme Creator Application

A Canvas element houses the picture that is selected by the user. By default a picture is already present in the canvas, which can be replaced by an array of 6(more coming soon) pictures. The Headline input allows printing of text on the image. There is a limit to the maximum number of words. The **Generate Link** button below the canvas element creates a link to the meme created by the user. The link can be opened to save the meme created. Coming Soon: A way to share the picture created directly to a socila media website.

About

Inspired from the TruTV Series, Impractical Jokers, create different memes based on scenes from the show and your own creativity. Created in HTML5, Vanilla JS and CSS. All images are used under Fair Use found using Google Images Search, and their rights belong to respective companies.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published