This project is a 5x5 tile-based sliding puzzle game where the objective is to rearrange the scrambled pieces to form a complete image. The game has a timer, a turns counter, and a leaderboard system to track top players. It also includes features like hints to help players identify correctly placed tiles and the ability to restart the game or clear the last player’s score from the leaderboard.

Key Features:

Drag-and-Drop Puzzle Tiles:

Players can drag tiles and drop them into empty spaces to swap positions with the blank tile. Tiles are shuffled randomly at the beginning of the game. Drag-and-drop functionality is implemented using JavaScript event listeners (dragstart, dragend, drop).

Timer and Turns Counter:

A 5-minute countdown timer starts as soon as the player makes the first move. The number of turns (or moves) is tracked and displayed. When the player solves the puzzle, the timer stops and the player’s score is recorded. Leaderboard:

After completing the puzzle, players can enter their name and their score (based on the number of turns and time taken) is saved to the leaderboard. The leaderboard is stored in local storage, showing the top 5 scores. Players can also clear the last player’s score.

Hints:

A hint system highlights the correctly placed tiles in green for a short duration, helping the player track progress.

Game Reset:

The game can be restarted at any point, which resets the timer, the turns counter, and shuffles the puzzle pieces again.

Technologies Used:

HTML: Structure of the game, with elements for the board, pieces, timer, and turns. CSS: Styling for the board, pieces, and UI elements (such as the timer, turns counter, and leaderboard). JavaScript: Handles game logic, including: Shuffling and managing the puzzle tiles. Drag-and-drop functionality. Timer and turns tracking. Storing and updating the leaderboard in local storage.

Have a look at the puzzle game and have fun! -> <https://www.twine.net/signin

A simple and elegant travel agency web app built with React. It provides a user-friendly interface for exploring destinations and travel recommendations. Currently, the app does not include booking features, but I plan to add them soon. Perfect for showcasing destinations and inspiring wanderlust!

Features:

Built with React for a smooth user experience. Minimalistic design for easy navigation. Focused on destination discovery and recommendations. Stay tuned for upcoming updates, including booking functionality and more interactive features!

Take a look! -> <https://www.twine.net/signin

A very useful React calendar where you can save your appointments!

Tech: React, HTML, CSS.

Demo: <https://www.twine.net/signin

This is one of my first projects with Vanilla JS. A simple, intuitive music player allowing users to play, pause, and switch between songs.

Try it: <https://www.twine.net/signin

Technologies used: Vanilla JS, CSS.

Gameplay Mechanics:

Paddle Control: Players move the paddle horizontally using keyboard or mouse controls. Ball Physics: The ball moves in a continuous direction, bouncing off the paddle, walls, and bricks. Bricks: Each brick disappears when hit by the ball. Some bricks may require multiple hits to break. Winning Conditions: Players win by destroying all bricks on the screen.

Have fun! <https://www.twine.net/signin

This React app displays a list of meetups, allows users to mark meetups as favorites, and uses React Context and localStorage to persist these favorites. It includes routing for navigation between pages (All Meetups, Favorites, and New Meetup) using React Router. The FavoritesContext manages the favorites state globally, allowing users to toggle favorites and keep their selections across sessions. Each component is styled with CSS Modules, ensuring scoped and reusable styles.

Have a look at it: <https://www.twine.net/signin

Technologies used: Vanilla JS, Firebase, CSS.

Features:
Ingredient-based search: Enter multiple ingredients like tuna, egg
Smart prioritization: Recipes with all ingredients appear first
Random inspiration: See featured recipes when you first load the app
Full recipe details: Step-by-step instructions & images
Trending recipes: Quick access to hot meals and meal ideas

Tech Stack:
Python 3.10+
Flask – web framework
Jinja2 – template rendering
HTML, CSS, JavaScript – frontend
TheMealDB API – recipe data

Demo here -> <https://www.twine.net/signin

A simple web app that delivers a random inspirational quote each time you visit or click a button. Built with Vue 3 for the frontend and PHP for the backend, deployed entirely on Microsoft Azure.

Demo here -> <https://www.twine.net/signin

A modern web application for ordering delicious pizzas with customizable
toppings and extras.
Tech: JavaScript, React.js, CSS3.

<https://www.twine.net/signin

This project is a informational website dedicated to workplace safety ,
following the State-Regions Agreement of April 17, 2025 .
Tech: Vue3, Vite, Tailwind CSS, Netlify.

Have a look! -> <https://www.twine.net/signin

Users can register, log in, and manage their job applications with ease —
whether they’re candidates applying for jobs or recruiters tracking
applicants.
Tech: Vue3, Tailwind CSS, Node.js, Express.js, MongoDB.

Have look -> <https://www.twine.net/signin