Education Tech Landing Page

Crafted with precision and purpose, the frontend of this Education Tech platform blends intuitive user experience with sleek, modern aesthetics. The layout prioritizes accessibility and ease of navigation, allowing users to effortlessly explore key features and educational resources. Responsive design ensures seamless performance across devices, while strategic use of color and typography fosters an engaging, student-friendly atmosphere.

Let's see demo or source code!

LIVE DEMO SOURCE CODE

Spotify Clone

As a demonstration of my front-end development skills, I recreated the Spotify main page using only HTML and CSS. This project showcases my ability to build clean, responsive layouts and emulate complex design elements without relying on JavaScript or external frameworks. From the sleek navigation bar to the curated content sections, every detail reflects precision and creativity in pure markup and styling. It was a rewarding exercise in UI replication and visual fidelity.

Let's see demo or source code!

LIVE DEMO SOURCE CODE

To Do List

This project is a dynamic and responsive To-Do List application designed to help users manage tasks efficiently. Built with HTML for structure, SCSS for styling, and JavaScript for interactivity, the app allows users to add, delete, and mark tasks as completed. The interface is clean and intuitive, thanks to SCSS features like nesting, variables, and mixins, which streamline the styling process and make the design more maintainable. The layout adapts to different screen sizes, ensuring usability across devices.

Let's see demo or source code!

LIVE DEMO SOURCE CODE

The Unconventional Calculator

This JavaScript code powers the core logic of an interactive calculator built with HTML, CSS, and JS. It starts by importing external functionality from a vendor.js file, which likely handles UI output. The calculator maintains a running total (currentResult) and logs every operation in an array called logEntries.

Let's see demo or source code!

LIVE DEMO SOURCE CODE

Movie Playlist

This JavaScript code forms the backbone of a dynamic movie list application, enabling users to add, view, and delete movies through an intuitive modal interface. It begins by selecting key DOM elements like modals, buttons, input fields, and the movie list container. The app uses an array (movies) to store movie objects, each containing an ID, title, image URL, and rating.

Let's see demo or source code!

LIVE DEMO SOURCE CODE