Remember those childhood games where you'd calculate if your crush likes you back using FLAMES? This is exactly that, but as a web app. I built this mainly to learn Flask and understand how these "magical" games actually work behind the scenes.
Turns out, these simple games have some pretty interesting logic. What seemed like magic when you were a kid is actually just string manipulation and some clever counting. Building this helped me understand algorithms in a fun way instead of just doing boring textbook problems.
It's one of my Friend's silly idea 😎
Honestly, I wanted to learn web development but most tutorial projects are either too simple (hello world) or too complex (build Instagram clone). This felt like a good middle ground - simple enough to finish, but complex enough to learn actual concepts.
Plus, the whole point isn't just writing code. I wanted to learn the full process: writing code, using Git properly, deploying to the cloud, making something that actually works online. It's more fun when you can share a real link with friends instead of just showing them code on your laptop.
Check it out live: crushcheck
The algorithm is actually pretty smart when you break it down:
- Take two names, remove spaces, make them lowercase
- Cross out all the matching letters between both names
- Count what's left and use that number to eliminate letters from "FLAMES"
- Whatever letter remains is your "result"
It's simple but teaches you a lot about string processing, loops, and working with arrays.
- Clone the repository:
git clone https://github.com/YOUR-USERNAME/crushcheck-fla.git
cd crushcheck-fla- Create and activate a virtual environment:
python -m venv .venv
.venv\Scripts\activate # Windows
source .venv/bin/activate # macOS / Linux- Install dependencies:
pip install -r requirements.txt- Run the app:
python -m flames_app.app- Open your browser at http://localhost:5000
Here's how everything is organized:
crushcheck-fla/
├── flames_app/ # Main app folder
│ ├── app.py # Flask routes and game logic
│ ├── static/ # CSS and JavaScript files
│ └── templates/ # HTML templates
├── Procfile # For cloud deployment
├── requirements.txt # Python packages needed
├── runtime.txt # Python version
├── startup.sh # Startup script
└── wsgi.py # Entry point for production server
The structure is pretty standard for Flask apps. Templates go in templates/, CSS/JS goes in static/, and the main logic is in app.py.
I deployed this on Microsoft Azure because they have a free tier for students (Azure for Students gives you $100 credit).
Azure Web Apps made it pretty straightforward - you just push your code, and it handles the rest. The Procfile and startup.sh files are basically instructions for Azure on how to run the app. Once it's deployed, you get a real URL that you can share with anyone.
If you're a student like me, definitely check out Azure for Students. The free credits are great for learning and experimenting without worrying about bills.
Other options like Render or Railway are also pretty good if you want to try those instead. They all do similar things - take your code and make it live on the internet.
If you want to add features or improve something, go for it! Some ideas:
- Add more games (like compatibility by birthdate, zodiac signs, etc.)
- Make the UI look better
- Add animations
- Integrate some fun APIs
Fork it, mess around with it, break things, fix them. That's how you learn. Open an issue if you have questions or submit a pull request if you built something cool.
MIT License - do whatever you want with this code.