🧙‍♂️The Magic CSS is an intuitive web application that allows you to generate CSS values for commonly used properties. Leave a star before you leave ⭐

A blog preview card webpage featuring an article illustration, publication date, title, description, and author information, styled with responsive design and appealing visuals for enhanced user engagement.

This repository contains a collection of obsidian snippets I've made to customise the look and style of my obsidian.

A visually stunning portfolio website showcasing the artwork of Sirendeema, a talented artist. Built with CSS , this project emphasizes creativity, elegance, and responsiveness to highlight her artistic identity.

Full Stack Open 2020 Course Submissions - A comprehensive collection of React frontend applications and Node.js backend projects demonstrating modern web development practices, including state management, RESTful APIs, component architecture, and full-stack integration.

A collection of beginner-friendly React JS projects showcasing various concepts and functionalities in React development.

A simple React-based two-player Tic-Tac-Toe game with interactive UI, turn-based gameplay, win detection, and a reset button.

This repo shows the responsive hotel website.

Weather Forecasting App allows users to input latitude and longitude coordinates, fetch weather forecasts from the Met Norway Weather API, and display the forecasted data in a tabular format on the webpage. Each component and function works together to create a seamless user experience for accessing weather information.

This is a React app that generates shades of colors based on user input, The app demonstrates the use of React, values.js library, and the useState and useEffect hooks.

A production-ready React web application that smartly cross-calculates linear isotropic material parameters from any two independent inputs

A user-friendly fitness trainer appointment scheduling app. Manage client details, edit appointments, and visualize your schedule effortlessly. Streamline your fitness training sessions with ease.

A simple mathematical calculator using HTML , CSS and JavaScript languages .

Comment-App project is designed to create and delete a comments system where users can interact by adding, viewing, and managing comments dynamically. It utilizes JavaScript, CSS, and HTML to structure and style the application.

This Dessert Lab is a recipe based SPA built with React and Vite. It's features include: API integration, CRUD operations, local storage persistence, and dynamic state management. Users can discover new recipes, save their favorites to a personal collection, and annotate their saved recipes.

A React.js project that displays a dynamic user dashboard. The user data is stored in a JSON file with details like name, profile picture, earnings, score, and progress colors. This project can be used for leaderboards, performance tracking, or analytics dashboards.

The Feedback-App allows users to submit feedback, likely through a form-based interface. The project follows best practices in React development, including component structuring, state management, and styling.

This repository contains a React class component that implements a basic counter with increment and decrement functionality. It utilizes state management to update the count dynamically and logs previous state values for debugging.

This repository features a React functional component (UserProfile) that dynamically displays user information, including profile pictures, names, and roles. It integrates with a parent component to enable user deletion functionality.

Developed a static web application inspired by Udemy’s design. This project is designed to enhance HTML and CSS skills, with a focus on responsive design and user interface aesthetics.

Beautiful UI polish for VS Code with smooth animations, clean tabs, and macOS-inspired design. Minimal, fast, and productive editor customization.

It includes only practice codes of html and css.

This project displays a dynamic project management dashboard, showcasing key details such as framework, team leader, and progress percentage. Ideal for tracking project development efficiently. Built with React and Next.js, using JSON data.

A simple React.js web app that loads and displays payment methods from payments.json. It shows details like the cardholder's name, last four digits, expiration date, and primary status, with an edit option.

A React.js and Next.js web app that displays a financial transaction history. Data is loaded dynamically from a JSON file and grouped by date in a styled table. Conditional formatting highlights income and expenses for better readability.

Disney characters Word Scramble game! 🎮

This project demonstrates the use of React's useEffect hook to handle side effects in a functional component. The app also allows users to manually increment the number using a button, showcasing how state updates trigger re-renders.

This repository contains a React class component that enables dynamic switching between light and dark modes. It utilizes state management to toggle CSS styles, enhancing user experience with theme-based UI updates.

Spark Arc Project | Data Processing | Apache Spark | Big Data | Analytics | Data Pipeline | Distributed Computing | Data Engineering

This project displays country data and statistics using JavaScript and HTML.