Projects in Awesome Lists by Yashi-Singh-9

https://github.com/yashi-singh-9/ui-design-daily

This project converts UI designs from UI Design Daily into functional code, focusing on aesthetics, responsiveness, and accessibility. It serves as a collection of UI components and layouts, regularly updated with new designs.

css frontend html javascript sass sass-framework scss scss-framework ui ui-design ui-design-daily

Last synced: 24 Oct 2024

https://github.com/yashi-singh-9/stats-preview-card-component

This project is a solution to the Stats Preview Card Component challenge from Frontend Mentor. It involves building a responsive card component using Flexbox and CSS Grid that adapts to different screen sizes. The card includes a background image, a headline with descriptive text, and a statistics section displaying numerical data with labels.

css frontend frontend-mentor frontendmentor-challenge html

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/codepen-challenge

This repository contains solution of code pen challenge.

codepen-challenge cpc-css-filter cpc-hot-cold cpc-light-dark cpc-rock-pen-scissors cpc-svg-filters cpc-timers cpc-todo-list

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/yashi-singh-9

Config files for my GitHub profile.

config github-config

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/number-guessing-game

A CLI game where the player guesses a randomly selected number between 1 and 100. The player chooses a difficulty (Easy, Medium, Hard) that determines the number of attempts. The goal is to guess the number within the given attempts.

cli logic-building programming-language

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/faq-accordion

The FAQ Accordion is a responsive web component that lets users toggle answers to frequently asked questions. It features interactive expand/collapse functionality, supports keyboard navigation, and adapts to various screen sizes. Designed with a modern look, it enhances both usability and accessibility.

css frontend frontend-mentor frontend-mentor-challenge html javascript

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/product-preview-card-component

The Product Preview Card Component is a front-end project designed to showcase a sleek, responsive product card. This component is part of a challenge from Frontend Mentor, aimed at enhancing web development skills by building realistic, interactive UI components.

css css3 flexbox frontend frontend-mentor frontend-mentor-challenge html html5

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/reddit-client

A Reddit client to view multiple subreddits in separate lanes. Users can add, refresh, and remove lanes, with data saved in local storage.

api-integration asynchronous-programming css dom-manipulation html javascript

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/restricted-textarea

Restricted Textarea is a simple web component that limits the number of characters in a textarea with real-time feedback. It visually alerts users when the character limit is reached. Perfect for use in forms requiring constrained input lengths.

css dom-manipulation html html-css html-css-javascript javascript roadmap-project

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/age-calculator

This Age Calculator is a web app that lets users input their birthdate and calculates their exact age in years, months, and days using Luxon for date manipulation and Flatpickr for a custom datepicker.

css dom-manipulation html javascript package-management

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/leetcode-daily-solutions

I am currently solving Leetcode problems on a daily basis, focusing on JavaScript solutions to enhance my problem-solving skills and proficiency in the language.

javascript leetcod-daily-solution leetcode vanilla-javascript

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/order-summary-component

The Order Summary Card is a responsive web component displaying subscription details with modern HTML and CSS. It features clean design, interactive elements, and mobile-first responsiveness for a smooth user experience on any device.

css frontend frontend-mentor frontend-mentor-challenge frontendmentor-challenge html

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/changelog-component

The Changelog Component is a sleek and responsive timeline display for showcasing updates and changes in a project. It provides a clean, chronological view of recent modifications with a modern design, making it easy to keep users informed about the latest developments.

css flexbox html layout

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/temperature-converter

The Temperature Converter is a web app for converting temperatures between Celsius, Fahrenheit, and Kelvin. It practices DOM manipulation, form handling, and basic JavaScript calculations. The “Convert” button activates once all fields are filled, providing instant results.

css dom dom-manipulation html javascript manipulation roadmap roadmap-project

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/basic-html-website

The Basic HTML Website project showcases a simple portfolio template using only HTML, helping beginners learn the core structure of a web page with sections like header, footer, and navigation.

frontend html roadmap roadmap-project

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/results-summary-component

The Results Summary Component is a responsive and reusable frontend component designed to display a summary of results, such as quiz scores or assessment outcomes. Built as part of a coding challenge on Frontend Mentor, it aims to provide a clean, accessible interface that can be easily integrated into various web projects.

css frontend frontend-mentor frontendmentor-challenge html html-css-challenge

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/datepicker-ui

Datepicker UI is a simple, static datepicker component built with HTML and CSS. It provides a basic calendar interface for date selection without functionality, serving as a foundation for adding JavaScript interactivity later. Perfect for UI design practice or as a starter project.

css html layout layouts positioning roadmap roadmap-project

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/image-grid-layout

The Image Grid Layout project is a responsive image grid built using **CSS Grid**, inspired by a task from [roadmap.sh](https://roadmap.sh/projects/image-grid). It showcases six images arranged in a flexible grid that adapts to different screen sizes, helping developers practice grid-based layouts and responsive design techniques.

css frontend grid grid-layout grid-layouts html layout responsive responsive-design roadmap roadmap-project

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/social-links-profile

This project is a solution to the Social Links Profile challenge by Frontend Mentor. It involves creating a responsive profile card with social links and user information. Key features include interactive hover and focus states, use of CSS custom properties for styling, and ensuring the design is responsive across different devices.

css frontend-mentor frontend-mentor-challenge html

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/single-page-cv

Single Page CV is a responsive HTML/CSS template for creating a professional one-page resume. Ideal for frontend developers and designers, it offers a clean layout to showcase skills, education, experience, and online presence. The simple, customizable design adapts to any screen size, ensuring your information is presented effectively.

css frontend html roadmap-project

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/recipe-page

Recipe Page Solution is a front-end web project that displays a recipe with a clean, responsive layout. It includes preparation time, ingredients, instructions, and nutritional values, all structured to meet the Frontend Mentor challenge. The design ensures compatibility across devices, providing a visually appealing and accessible user experience.

css frontend-mentor-challenge frontendmentor-challenge html

Last synced: 13 Nov 2024

https://github.com/yashi-singh-9/tooltip-ui

Tooltip UI is a simple project that adds interactive tooltips to navigation links using only HTML and CSS. Hover over a navigation item to see a tooltip with additional information, demonstrating effective use of CSS positioning and transitions.

css hover-effects html positioning

Last synced: 04 Nov 2024

https://github.com/yashi-singh-9/3-column-preview-card-component

This project solves the Frontend Mentor's 3-column preview card challenge, featuring a responsive layout with cards that include images, titles, descriptions, and call-to-action buttons. Built with HTML and CSS, it uses Flexbox and CSS Grid to ensure a dynamic user experience on various screen sizes.

css frontend frontend-mentor frontendmentor frontendmentor-challenge html html-css-challenge

Last synced: 04 Nov 2024

https://github.com/yashi-singh-9/profile-card-component

This is a solution to the Profile Card Component challenge on Frontend Mentor, where the task was to build a responsive profile card component based on a provided design. The project demonstrates skills in HTML, CSS, and responsive design, utilizing CSS custom properties and Flexbox for layout and styling.

css frontend frontend-mentor frontendmentor-challenge html

Last synced: 04 Nov 2024

https://github.com/yashi-singh-9/tabs

The Tabs project offers a straightforward tabbed interface for navigating between content sections on a web page, using HTML, CSS, and JavaScript. It enables seamless content switching without page reloads.

css dom dom-manipulation html html-css-javascript javascript roadmap-project

Last synced: 04 Nov 2024