yashi-singh-1 Goto Github PK

followers: 2.0 following: 2.0 repos: 127.0 gists: 0.0

Name: Yashi Singh

Type: User

Bio: Hi there! I'm Yashi Singh, a Software Engineer skilled in JavaScript, ReactJS, HTML, CSS, and Bootstrap. Passionate about front-end development and open-source.

Location: India

Yashi Singh's Projects

a-cat-photo-app

Cat Photo App: Simple HTML page showcasing cat photos, lists, and a submission form. Features responsive design and basic interactivity. No copyright. Created with freeCodeCamp.org resources.

This project, "A Photo Gallery," is a responsive photo gallery created with HTML and CSS Flexbox. It features a collection of images in an organized layout, designed to be customizable and user-friendly. Ideal for web developers, this gallery offers a stylish and efficient way to display images on any website.

balance-sheet-using-html-css

The project titled "Balance Sheet" is a simple yet effective web page created using HTML and CSS, with guidance and resources from FreeCodeCamp. It displays the financial status of AcmeWidgetCorp for the years 2019, 2020, and 2021, focusing on readability, accessibility, and responsiveness.

blog-card-component

In this Front-end Challenge, I have build a Blog Card Component. This challenge is perfect for you if you've been learning CSS and want to take your CSS skills to the next level by building something new and beginner-friendly.

blog-preview-card

Challenge to build a responsive blog preview card using HTML and CSS, inspired by Frontend Mentor designs.

blue-canvas

The 'Blue Canvas' challenge involves creating a visually appealing canvas using CSS. The canvas features a blue background with white squares arranged to form a unique design. The objective is to position and style these elements using CSS properties such as positioning, dimensions, and background colors.

blue-down-arrow

This challenge involves creating a blue down arrow using only HTML and CSS, inspired by a target on CSS Battle.

blue-sqaure-maze-challenge

The Blue Square Maze Challenge is a CSS exercise where you create a maze-like design using blue squares positioned within a container, showcasing creative use of CSS pseudo-elements and styling techniques.

blue-t-shape

Create a T-shaped design using HTML and CSS, focusing on positioning and layout techniques. Perfect for practicing CSS box-model properties and positioning elements effectively.

cafe-menu

Welcome to Camper Cafe! Enjoy our selection of freshly brewed coffees, including favorites like French Vanilla, Caramel Macchiato, and Hazelnut. Treat yourself to delicious desserts such as Donuts, Cherry Pie, and Cheesecake. Our cozy atmosphere and friendly service make every visit special.

calorie-counter

The code sets up a calorie counter app to track daily calorie intake and exercise. Users can enter their calorie budget, add meal and exercise entries, and see their remaining calories with a summary of consumed and burned calories.

cat-painting-using-html-and-css

Create a digital cat painting using HTML and CSS. The design features the cat's head, ears, eyes, nose, mouth, and whiskers, all built with divs and styled using CSS positioning, borders, and gradients. This project showcases the power of CSS for intricate designs and enhances web development skills through a creative, hands-on approach.

character-counter

A simple web application that demonstrates real-time character-counting in an input field using vanilla javascript. When users type in the input field and click the button, it dynamically updates to display the number of characters entered.

chromatic-duo

The "Chromatic Duo" challenge features a split container with contrasting color schemes and shapes, showcasing the harmonious interaction of colors and shapes.

circlescape

A simple web layout featuring a main container with four positioned circles. Each circle has a unique design, including a dynamic pseudo-element for added visual effect.

circular-progress-indicator

This project involves creating a visually appealing circular progress indicator using only HTML and CSS. This README provides a detailed guide on setting up, customizing, and using the circular progress indicator in your projects.

citrus-twist

Create a vibrant and playful citrus-themed design using HTML and CSS. This challenge features a central container with nested blocks styled to resemble slices of citrus fruits. The use of bright colors and overlapping elements adds a dynamic twist to the composition..

city-skyline

City Skyline is a sleek web project featuring a minimalist cityscape created using HTML and CSS. It offers a simple yet visually striking depiction of buildings and windows against a radiant sky. With its responsive design and customizable color options, City Skyline is an ideal choice for adding a touch of urban charm to web pages and projects.

colored-markers

Colored Markers is a small project showcasing CSS techniques to create visually appealing marker elements. It features three marker designs in red, green, and blue colors, demonstrating gradients, shadows, and borders.

contact-form

Create a responsive contact form using HTML/CSS with JavaScript validation. Include email format verification and error messaging. Ensure seamless user experience with clear feedback and adaptability across devices for optimal usability.

da-19-slider-with-radio-buttons

Why use JavaScript when you can use CSS? This challenge demonstrates how to create an interactive slider using only CSS selectors, showcasing the versatility and power of CSS.

date-formatter

The Date Formatter app is a practical tool designed to help users learn and work with JavaScript's Date object by offering a simple yet functional interface for displaying and formatting the current date. This app allows users to easily switch between various date formats and view the date presented in their preferred style.

yashi-singh-1 Goto Github PK

Yashi Singh's Projects

Recommend Projects

Recommend Topics

Recommend Org