Skip to content

README.md

Latest commit

 

History

History
134 lines (94 loc) · 4.44 KB

README.md

File metadata and controls

134 lines (94 loc) · 4.44 KB

🎯 Mini Projects Collection

Welcome to my Mini Projects Repository — a collection of small, self-contained projects built to sharpen my skills in Web Development and Python Game Development.
These projects are fun, functional, and helped me practice important programming concepts.

📌 Projects So Far

  • 🎬 Movie Hub – Vite + React, Appwrite, TMDB API (Live Demo)
  • 🎬 Movie Hub 2.0 – Vite + React, Node.js, Express.js, MongoDB, TMDB API
  • 🕹️ Tic-Tac-Toe – Python + Pygame
  • ✊ Rock-Paper-Scissor – HTML, CSS, JS (Live Demo)
  • 🧠 Memory Card Game – HTML, CSS, JS (Live Demo)
  • ⏱️ Pomodoro Timer – HTML, CSS, JS (Live Demo)

🎬 Movie Hub (Original)

A movie discovery web app built with Vite + React, powered by the TMDB API, and integrated with Appwrite for backend/database.
Deployed seamlessly on Netlify.

Features:

  • 🔍 Search movies from TMDB
  • 🎥 Browse trending & popular movies
  • 📖 Detailed movie info page
  • 📊 Appwrite database integration (track interactions, counts, etc.)
  • ⚡ Fast builds with Vite
  • ☁️ Deployed with Netlify

Tech Stack:

  • Frontend: React (Vite)
  • Backend/DB: Appwrite
  • API: The Movie Database (TMDB)
  • Deployment: Netlify

🔗 Live Demo

💡 Practiced API integration, authentication, and cloud backend (Appwrite).

🎬 Movie Hub 2.0

A next-gen version of Movie Hub with a custom backend using Node.js, Express.js, and MongoDB to track user interactions, searches, and movie metrics. Frontend remains Vite + React.

Features:

  • 🔍 Search movies from TMDB
  • 🎥 Browse trending & popular movies
  • 📖 Detailed movie info page
  • 🗄️ Node.js/Express + MongoDB backend for tracking searches, counts, and interactions
  • ⚡ Fast builds with Vite
  • ☁️ Frontend deployed on Netlify, backend hosted separately

Tech Stack:

  • Frontend: React (Vite)
  • Backend/DB: Node.js, Express.js, MongoDB, Mongoose
  • API: TMDB
  • Deployment: Netlify (frontend), cloud hosting for backend

💡 Practiced full-stack development, connecting a React frontend to a RESTful backend, and maintaining multiple app versions.
🔗 Live Demo

🕹️ TIC-TAC-TOE

A simple implementation of the classic Tic Tac Toe game built using Python + Pygame.

Features:

  • 2-player mode
  • Graphical interface
  • Win/Draw detection

💡 Helped practice game loops, rendering, and event handling in Pygame.

✊ ROCK-PAPER-SCISSOR

A web-based Rock-Paper-Scissors game using HTML, CSS, and JavaScript.

Features:

  • Random computer choice
  • Score & round tracking
  • Interactive UI updates

🔗 Play Demo

💡 Practiced DOM manipulation and game logic in vanilla JS.

🧠 MEMORY CARD GAME

A memory matching game built with HTML, CSS, and JavaScript.

Features:

  • Flip animations with CSS
  • Score & move tracking
  • Timer for speed runs
  • Board lock to prevent spam clicks

🔗 Play Demo

💡 Strengthened understanding of game logic, DOM handling, and timers.

⏱️ POMODORO TIMER

A productivity timer based on the Pomodoro Technique.

Features:

  • Start, pause, and reset controls
  • Countdown display
  • Minimal and clean UI

🔗 Play Demo

💡 Practiced setInterval, DOM manipulation, and time-based events in JS.

⚙️ Tech Stack Overview

  • Frontend: HTML, CSS, JavaScript, React (Vite)
  • Game Dev: Python, Pygame
  • Backend/DB: Appwrite, Node.js, Express.js, MongoDB
  • API: TMDB
  • Deployment: Netlify, GitHub Pages

🚀 Future Plans

This repository is a growing collection of my learning journey.
I’ll keep adding more projects — from fun logic games to full-stack web apps — as I explore new frameworks, libraries, and APIs.

✨ Stay tuned for more!