Basically OF but with better content.

How it works?

If you believe your humor is unique and you can attract followers willing to support you financially, you’ve come to the right place. OnlyMemes allows you to share your original memes. It's important that the memes you share are your own creations, as posting someone else’s work and profiting from it would be unethical.

The best part is that you can choose to place your memes behind a paywall, allowing your followers to pay for access, which can be financially rewarding for you.

If you decide to participate in this lovely community and earn me a lot of money, I would love to show my appreciation by buying you a drink and hosting a party for you at my $25,000 mansion. However, please note that you will need to cover your own transportation costs.

Important note

This project is created purely for fun. Please do not judge my technical skills based on this project. Many of the technical decisions made here are unconventional, as I'm interested in exploring and learning from them. My goal is to learn from making unusual decisions.

For context, I'm a better paratrooper than a frontend developer (though I've never actually jumped from a plane).

ADR TODO

1. Figure out a reasonable architecture 2. Provider high availability and performance, no one wants to wait for memes they pay for - research performance - Im not sure yet where to host it so for now its just a point here.
2. Figure out where to store memes (best case scenario without breaking the law) edit: probably S3 or try to store them on a free discord server Discord FTW
3. Figure out how to filter sensible content (I don't want it to be a Pope memes hosting) Achieved by memes approval by admin process
4. Steal Create a design - Im going with default react material ui
5. Figure out where to store users considering our lovely RODO Storing users in my database completely anonymously so that I dont break GDPR (hopefully)

Architecture

Solution overview architecture

Yeah, nothing special

Software architecture

High Level

Low Level

Content Filtering

AI filtering is quite expensive, which is unfortunate because I have a limited budget and cannot spend any money on this project. The best I can offer is my valuable time. Thats why approval tab was created, admins manually flag memes as appropriate, after acceptance memes are visible to users. This process can be reverted anytime.

UI/UX

App UI/UX short summary (its not malware) https://shorturl.at/eP0Fm

User identity

I will not store any personal data from users in compliance with GDPR regulations. Users will log in using their email and password, and I will only store the hash values of these for verification purposes (though I'm not entirely sure if this is legally compliant).

This approach presents a challenge for displaying usernames under comments or for meme publishers. To address this, users will set a "display name" manually when registering (I'm not certain if this qualifies as sensitive data). Additionally, I will prohibit the use of emails as display names to protect personal information.

Invite token

In order to prevent my friendly colleagues from making millions of accounts with basic python script, I created a invite token system. I mean it's still possible to spam the system, but requires extra steps. Each user can invite up to N other users. While registering they have to provide the token.

Votes / Comments

Each user can comment on any post and can upvote any meme (ofc. not their own)

Features

• User identity
  • Login
  • Register
  • Password recovery
  • Invite token
• Memes
  • Memes Storage
    • Upload
  • Fetching memes and feed? like home page that shows you trending/fresh/top
    • Likes
      • Backend
      • Frontend
    • Comments
    • User feed algorithm
      • Trending
      • Fresh
      • Top week/month/yeah
      • Following
• Follow system
• Paywall - enable possibility to upload paid content
• Payments - I have no idea what Im doing

I feel bad that it is unfinished, adding any feature takes like 80% frontend time and only 20% on backend. Because of this I felt a real resistance in adding anything. After this project I grew some respect for frontend developers, imagine they do this every day lol

Technical Improvements

• Move async actions into queue
  • Likes
  • Uploads
• Rate limiter
• FFS Add tests unit/integration

Improvements / Ideas

• Make meme upload more nice
• Review creating bot agents that would participate in community life, upload memes, add comments and follow each other just like a real users. Whole thing would be based on some LLM. Basically making dead internet theory go real.
• Implement stripe
• Host the app somewhere for free (budget is tight (okay, not tight, it just doesn't exist))

How to run

1. Prepare discord server that will store memes 1.1 Paste your developer api key & discord channel id into .env
2. Create a .env.docker file inside backend directory 2.1 Copy .env.dev example file, paste into .env.docker and fill out values
3. Run docker compose up -d in main directory
4. Run backend migration bun run migration:init and then bun run migration:populate 4.1 In case you ever wanted to drop your structure/data run bun run migration:clear and go to step 3.
5. Open web browser, go to localhost (probably port 3000 idk)
6. Enjoy

PS

If I forget a single commit this project yeets straight to trash Update: OMG, I MADE IT TO THE END 🎉 Update: It was quite a ride, I will feel much better now without the commit pressure on my neck through the day. Thanks to the organizers && thanks to my bestie Rychu for introducing me into this event #GVO

Commits of shame

• Lazy commit #1
• I have no clue what to do next, too many issues, not sure where to start, vacation day 1
• Vacation day 2
• Vacation day 3
• Vacation day 4
• Vacation day 5
• Vacation day 6
• Vacation day 7
• Im too tired boss day 1
• Im too tired boss day 2, damn I wish I didn't have any responsibilities
• Last minute commit of shame
• Im too tired boss day 3
• Im too tired boss day 4
• Sick leave day 1
• Sick leave day 2
• Sick leave day 3