Steam Game Explorer

🚀 Steam Game Explorer: Search & explore Steam games with a smooth Streamlit UI and MongoDB backend. Fast, clean, and built for gamers.

Comment

Inspiration
As a gaming enthusiast, I always found it frustrating that exploring games on Steam requires navigating through many obstacles. I wanted something quick, simple, and enjoyable—something where I could type a word and instantly view game information, images, and more. That's how this project idea came about.

What it does
Steam Game Explorer is a web app that allows users to easily search and explore Steam games. You can enter any game name or keyword, and the app will provide details like genre, price, developer, and an engaging image of the game. It’s fast, interactive, and designed with gamers in mind.

How I built it
Frontend: Built with Streamlit for quick UI setup and easy interaction.

Backend: Used MongoDB Atlas to store and retrieve game data.

Data: I manually added 15 popular games with complete details including name, genre, release date, price, developer, and more.

Styling: Customized with a GIF header, search bar, and a glowing credit badge.

What I learned
How to connect Streamlit with MongoDB Atlas.

Working with structured JSON data and images.

Making Streamlit pages look modern with minimal code.

How small UI changes, like a centered title or neon text, can significantly improve a simple project.

Challenges I faced
Getting the Streamlit UI to function properly, especially with centering and aligning elements.

Ensuring the MongoDB queries worked smoothly with keyword searches.

Styling tags while keeping them responsive.

Embedding images from URLs without sacrificing performance.

Achievements
A fully functional and interactive web app.

A clean UI that allows for smooth game searching.

I built and tested the complete pipeline: frontend and backend.

Recorded a demonstration video and captured key screenshots.

What’s next
Add more real-time game data using the Steam API.

Incorporate filters for genre, price range, release date, and more.

Deploy the app online for others to explore.

Consider adding login support or a way to save favorites.

Built With

Share this project:

Updates