Meme Rater

Meme Rater

19 devlogs
20h 33m
•  Ship certified

MemeRater is a meme judging application built using js, ts, and html. It analyzes memes using OCR and tensorflow and tesseract to extract text and predict a meme rating all directly in the browser.

Timeline

Ship 1

0 payouts of shell 0 shells

gooner(arsenal fan)

5 days ago

gooner(arsenal fan) Covers 19 devlogs and 20h 33m

Finished the program you can view a demo here, shouldn't be randomized nor hardcoded, a bit iffy with the ocr recognition too but couldn't figure out the API for a another service so stuck with tesseract

Fixed all routes, brainstorming how to make this better, here is a meme you can use for the program

Update attachment

putting finishing touches on the app probably just a little while longer then ill be done, missing UI component, went wrong with routing somewhere missed something in the image

Update attachment

admitdatly used ai to center the top part meme judged and added that logo, makes for better visibility and appeal

Update attachment

forgot to define node version in json, making it so memeuplaoder tsx can be clicked on anywherein the box instead of that tiny space top right

Update attachment

making it better, responses still have randomness(too much at thatconst STORAGEKEY = 'memejudgemodelv2';
to keep everything stored in browser, ocr is kinda buggy with images mostly works with text

Update attachment

Testing memes relezing I hardcoded to much stuff. Trying to make stuff actually train saw when I did the same image randomness changed it too much

Update attachment

Made sure the app fully works on mobile and all brows3rs added aira labels and keyboard navigation focuses on ratios and text size and edited css cause title wasn't showing

Update attachment

fixed toast, notifications actually show up properly now

Update attachment

Fixed OCR functionality using useOCR hook wrapping Tesseract.js. This allows the app to extract and display any text found in memes, enhancing the feedback users get about their images. Tweaked performance and caching to reduce wait times for text extraction.

Update attachment

decided to go dark mode instead too lazy to add switcher

Update attachment

built out css, used some fomr other project set all routes in main tsx

Update attachment

building and mapping out css, very very very very very rough sketch

Update attachment

building ocr with tesseract, pritngin result in the console

Update attachment

Figuring out how to use vite beter and building the actual app, ocr coming soon

Update attachment

making config files

Update attachment

Hardcoded the app for now, making it actually analysize soon

Update attachment

Using tesseract for ocr cause I cannot afford google ocr, getting some ui components and design inspo

Update attachment

forgot to do devlogs, learned that there is tensorflow for js will be experimenting

Update attachment