Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Projects in Awesome Lists tagged with htmlcss

A curated list of projects in awesome lists tagged with htmlcss .

https://github.com/saifrehman99/lets_connect

It is a small social network app that includes authentication with the User posts, Built Using GraphQL

apollo-server cache express-js graphlq-client graphql graphql-schema graphql-server graphql-subscriptions htmlcss javascript mongodb nodejs-server reactjs semantic-ui-react

Last synced: 11 Oct 2024

https://github.com/ahmadu-suleiman/nkiri-downloader

This project automates the download of movies or series from Nkiri

beautifulsoup4 flask htmlcss python selenium selenium-webdriver webscraping

Last synced: 11 Oct 2024

https://github.com/amankumarsinhagithub/javascript-projects

JavaScript Projects Collection for Beginners

collection htmlcss javascript projects webdevelopment

Last synced: 12 Oct 2024

https://github.com/yashi-singh-1/day-45-lightbulb

The Light-Bulb component is an interactive web element built using HTML, SVG & CSS. It's features a light bulb graphic that changes appearance on hover, providing a visual effect of the bulb turning off.

css css-transitions csstransition html html-css htmlcss interactive-design interactivedesign svg svg-css svg-design svgcss svgdesign ui-component ui-components uicomponent web-elements webelements

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/dragon-repeller-role-playing-game

Dragon Repeller is a text-based role-playing game (RPG) built using HTML, CSS, and JavaScript. In this interactive game, players navigate various locations, manage resources like health, gold, and experience points, and engage in battles with monsters, culminating in a final confrontation with a dragon.

css game-development gamedevelopment html html-css html-css-javascript htmlcss htmlcssjavascript indie-game indie-games indiegame javascript rpg text-based-game textbasedgame web-game web-games webgame webgames

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/day-41-error-modal

The Error Modal challenge requires creating an error message modal with HTML, CSS and JavaScript. This task focuses on building an interactive and styles UI Component.

animation animations css css-animation css-animations error-message frontend-development html html-css html-css-javascript html-css-js htmlcss htmlcssjs javascript vanilla-javascript vanillajavascript web-developement webdevelopement

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/day-42-smooth-mouse-follower

The essence of the task, which involves creating a smooth and visually appealing effects where a graphical element follows the mouse cursor with a gentle, easing motion.

css front-end-developement frontend frontend-development html html-css html-css-javascript htmlcss htmlcssjavascript javascript mouse-follower mousefollower smooth-animation smooth-animations smoothanimation smoothanimations web-animation webanimation

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/day-38-change-background-color-on-click

A simple Web Page with buttons to change the background color of the body, a container, or both. each button click applies a randomly selected gradient, enhancing the visual experience using JavaScript and CSS.

coding-challenge css css3 eventlistener front-end frontend html html-css html-css-javascript html-css-js html5 htmlcss htmlcssjs interactive-ui javascript random-colors vanilla-javascript vanillajavascript web-developement webdevelopement

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/day-36-image-carousel

This challenge showcases an elegant image carousel using HTML and CSS animations. The carousel features a smooth transition effect between four images, creating a dynamic and visually appealing presentation.

100daysofcode 100daysofcss css css-carousel css-challenge css3 csscarousel csschallenge html html-css html5 html5-css3 htmlcss

Last synced: 10 Nov 2024

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

Build a results summary component using only HTML and CSS. Ensure the interface adapts seamlessly to different screen sizes and provides clear hover states for interactive elements.

css css3 flexbox flexbox-css fronetenddevelopement frontend-development frontend-mentor html html5 html5css3 htmlcss responsive-design responsivedesign semantic-html semantichtml web-design web-development webdesign webdevelopemnt

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/day-32-counter

I wonder how high or low is the maximum you can count here? The transitions are pure CSS, but I used some JS for the counting.

100-days-css 100-dayscss 100dayscss css css-challenge css3 csschallenge html html-css html-css-challenge html5 html5-css3 html5css3 htmlcss htmlcsschallenge javascript vanilla-javascript vanilla-js vanillajavascript vanillajs

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/yellow-slats

This challenge involves creating a visually appealing layout using HTML and CSS, with a focus on positioning and styling elements to form a specific design. The primary task is to understand and implement the following:

css css-battle css-battle-dev css-battledev css-challenge css3 cssbattle cssbattle-dev cssbattledev html html-css html5 html5-css3-challenge html5-csss3 html5css3 html5css3challenge htmlcss

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/day-31-pendulum-wave

If you are not yet fascinated by mathematics, you should be now at the latest. Wonderful what a small calculations brings forth. this description was provided.

100-days-css 100-dayscss 100days-css 100dayscss css css-animation css-animations-challenge css-challenge css3 cssanimation cssanimationchallenge cssanimations html html-css-challenge html5 html5-css3 html5css3 htmlcss htmlcsschallenge

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/day-30-random-line

What can I say, it is a line. A line that moves and circles something. What should it be? That's for you to decide.

100-days-css 100-days-css-challenge 100dayscss css-challenge css3 csschallenge html-css html5 htmlcss web-design webdesgn

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/prismatic-shift

Prismatic Shift is a CSS project that demonstrates how to create a dynamic prismatic effect using CSS transforms and positioning.

css css-battle css-challenge css-transform css3 cssbattle csschallnege html html-css html5 htmlcss transformation translation

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/day-27-checklist

What's the great thing about working through your to-do list? That's right, the relieving feeling when you can check off the tasks.

100-days-css 100-dayscss 100days 100dayscss css-challenge css-challnege csschallenge html html-css html-css-challenge html5-css3 html5css3 htmlcss

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/two-waning-crescent-moon

In this challenge, participants are tasked with creating a visual representation of two waning crescent moons using HTML and CSS. The goal is to achieve a balanced and aesthetically pleasing composition against a backdrop of a specific shade of blue.

challenge css csschallenge html htmlcss

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/squiggle-challenge

The Squiggle Challenge utilizes HTML and CSS to construct a visually engaging design. It incorporates semicircles and circular dots arranged within a centered container. Using absolute positioning and various styling properties such as border-radius, box-shadow, and background-color, it achieves a distinctive and dynamic appearance.

css css-battle css-battle-dev css3 cssbattle cssbattledev html html-css html-css-challenge html5 html5-css3 html5-css3-challenge html5css3 htmlcss web-art web-design webart webdesign

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/interlocking-dashes

Welcome to the Interlocking Dashes challenge! In this challenge, you will create a visually appealing design featuring two overlapping elements with dashed borders. The design emphasizes the interplay between the borders of the elements to create an interlocking effect.

css css-battle css3 cssbattle cssbattle-solutions front-end front-endchallenge frontend frontend-challenge html html-css html-css-challenge html-csschallenge html5 htmlcss htmlcss-challenge htmlcsschallenge

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/vertical-circle-cascade

Create a vertically aligned, overlapping circle design within a container using HTML and CSS. Ensure circles extending beyond the container are clipped for a clean, polished look.

css css3 front-end front-end-challenge frontend frontend-challenge frontend-challenges html html-css html-css-challenge html5 htmlcss htmlcsschallenge

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/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.

beginner-friendly blog-component css css-flexbox css3 front-end front-end-challenge front-endchallenge frontend frontend-challenge frontendchallanges html html5 htmlcss web-design web-development webdesign

Last synced: 10 Nov 2024

https://github.com/rzlwbo1/slicing-power-agency

Slicing Landing Page Power-Agency

htmlcss javasctipt scss

Last synced: 14 Nov 2024

https://github.com/rzlwbo1/slicing-landing-trafalgar

Slicing Landing page Trafalgar - Health Landing

boostrap5 htmlcss

Last synced: 14 Nov 2024

https://github.com/codewithmide/four-card-feature-section

Frontend mentor sixth project

htmlcss

Last synced: 13 Nov 2024

https://github.com/biswaviraj/dice-race

dice-race (A version of Pig dice game)

dice dice-game htmlcss javascript js

Last synced: 13 Oct 2024

https://github.com/yashi-singh-1/to-do-app

A To-Do application that allows users to add, edit, and delete tasks with a title, date, and description. The app features a simple and responsive design for efficient task management.

css css3 free-code-camp freecodecamp freecodecamp-challenge freecodecamp-project front-end frontend hmtl-css-javascript html html-css html5 htmlcss javascript to-do-app to-do-app-using-html-css-javascript todo-app-using-html-css-javascript todoapp vanilla-javascript

Last synced: 10 Nov 2024

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

This project showcases a responsive product preview card component. It adapts seamlessly to various screen sizes and provides an intuitive user experience.

css css3 front-end front-end-mentor-challenge frontend frontend-mentor frontend-mentor-challenge frontendmentor html html-css html5 htmlcss prodcut-preview-card product-card product-preview responsivedesign resposive-design web-design webdesign

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/music-player-app

This code creates a Music Player app with controls for play, pause, skip, and shuffle. It displays album art, song title, and artist name, and allows users to interact with a playlist.

css css3 free-code-camp free-code-camp-challenges freecodecamp freecodecamp-project frontend html html-css html-css-javascript html5 html5-css3 htmlcss htmlcssjavascript javascript music-player musicplayer vanilla-javascript vanillajavascript

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/qr-code-component

This repository showcases a responsive QR code component designed to enhance front-end skills through practical implementation. The project emphasizes clean, semantic HTML5 markup, modern CSS techniques, and mobile-first design principles.

css css3 frontend frontend-mentor frontend-mentor-challenge html html-css html5 html5-css3 html5css3 htmlcss qr-code-component qrcodecomponent

Last synced: 10 Nov 2024