Dev Rathore's repositories
HTML-CheatSheet-Projects
ππ Finally HTML Cheatsheet very easily readable & understoodable π For Beginners, beginners used this cheatsheets for own projects. Technology Used SASS/SCSS ( Nesting ), HTML5 ( Semantic Code & DOM Structure ).
Music-Player
Making a Music Player Using HTML, CSS & JavaScript
NFT-Card-Challemge
ππMake NFT preview card webpage with Using SCSS Preprocessor (Mixing, variables & Nesting ), SCSS best for arrange the CSS Code Systematically and used HTML5 & CSS3 ππβ€οΈUsing flex-box and make responsive design & all devices supported
NFT-preview-card-component-challenge-hub
πMake NFT preview card webpage, Used technologies SASS/SCSS ( Nesting , Mixing ) & HTML5 ( DOM ) Structure & CSS3 πUsing flex-box and make responsive Code and readable
-My-First-Resume
ππ My First Bootstrap Projects, Make My Resume ( Fully Responsive & All Devices Supported ) Using Bootstrap 5 & 4 ( Templates, Components, Modals ) ππ
Challenege-card-view-
ππFinally I Update My Projects Using New Technologies SASS/SCSS ( Mixing, Nesting ) π this challenge completed Used Other Technologies CSS-grid, cssflexbox
CSS-CheatSheet-Projects
ππ Finally Make CSS Cheatsheet very easily readable & understoodable For Beginners, ππbeginners used this cheatsheets for own projects, This projects done by SASS/SCSS ( nesting ). HTML5 ( Semantic Code & DOM Structure ).
Education-Website-Project
ππ Finally Make a Education Website For Foreign Language ( Japanase-Language ) Used βοΈSASS/SCSS ( Nesting ) & HTML5 π( Semantic Code or DOM Structure ), CSS3 ( Flex-Box )
GitHub-dev12345
βοΈπThis is my GitHub Profile readme file , πthis show my works & projects and my performance in Front-end Developer
JavaScript-CheatSheet-Project
Make JavaScript Cheatsheet very easily readable & understoodable For Beginners, beginners used this cheatsheets for own projec
Portfolio-Website
Simple & Attractive Portfolio Website, using HTML ,Css & JavaScript
Profile-card-component
ππFinally I Update this Profile-Card Project, Used SASS/SCSS technologies ( Mixing, Nesting , etcs.) & HTML5 Make Understandable DOM , CSS Code Readable And Understoodable.
QR-code-component-challenge-hub
ππChallenge Completed, Using SASS/SCSS ( Nesting, Mixing ) & CSS Flex-Box, Make DOM Structure Used HTML5 Semantic Elementst βοΈand this design Code Readable and Undersoodable
Single-price-grid-component
Finally ππSingle price grid component challenge hub Complete used Technologies SASS/SCSS (Mixing, Nesting ) & πUsed CSS Grid Box-Model & HTML5 Structure ( DOM ), Code are Very Easy and Understood.
Social-proof-section
πMaking a Best Social Proof Webpage & Best Responsive Webpage Using Intermediate ππβοΈLevel SASS/SCSS & HTML5 Semantic Code and DOM Structure.
WIndows11-Clone-Project
ππ Finally Update the windows 11 Projects Used New Technologies SASS/SCSS ( Nesting, Partials & CSS Reset Files ), ππHTML5 ( Semantic Structure & DOM Tree), And Small Used for JavaScripts. ALl Codes ara Systematically Arranged ( UnderStoodable & Readable)ππ, NOTE : This project only Desktop Version, NOT Mobile Devices.
Huddle-landing-page-with-alternating-feature-blocks-challenge-hub
Finally i complete this challenge πππ & my Third SASS/SCSS project. Using CSS-FlexBox, But SASS powers and method very usefull this project like : Mixing, variables, extend, partails And one of the best SASS feature is Nestingππ
-Apple-Website-
ππFinally I Make the Apple Company Website. & My First Tailwind CSS Projects , tailblocks, Used best Components for this projects & Grap the new technology Knowledge ππ
-My-First-React-SPA-Single-Page-Application
πFinally, I complete my first Single Page Application, π - Make Online CART UI ( User Interface .)
3-column-preview-card-component-challenge-hub
ππFinally This project i update, and used SASS/SCSS, All CSS Code wrap into SCSS Code, SASS is the best preprocessor for arrange the CSS Codes, and Preprocessors have a additionaly powers like, mixing, nesting, partias files and etc, π βοΈβ€οΈ
Basic-Contact-Form
ππ Make Basic Contact-Form Used SASS/SCSS ( Nesting ) & Html5 ( Semantic Code & DOM Structure ) & CSS3 ( Flex-Box) ππUsing Understandable CSS & Semantic HTML5
BootStrap-Understsnding-Grid-System
πI Learn Bootstrap Grid-System To make Code for understanding this Topics & Bootstrap π
Card-Billionare-Site-
ππI Update my this project, I used a new technology that;s SASS/SCSS, ππ( Nesting, Mixing, Partials Files) & using css flex-box & div - container, Making the site responsive and attractive for The users, And Finally this Site supported all devices π
CSS-Box-Model-Project
In This Project used CSS FLex-Box Property and maka a Best Webpage #html5 & CSS3
Four-card-feature-section-challenge-hub
ππ Finally Challenge Complete from frontendmentor ,make four card view webpage using SASS/SCSS ( mixing, nesting ) & CSS-grid, CSS-FlexBox and HTML5 Structure Readable ( DOM ) and Understoodable π
iCoder-Blog-Site
πFinally i make the Second project of bootstrap, Make Blog-Website πβοΈ ( Fully Responsive and all Devices Supported ) Using Bootstrap-5 & 4, Used Components, Modals & Cards ( Grid-System ) βοΈπ
order-summary-component-main
ππFinally I Update My Projects Using New Technologies SASS/SCSS ( Mixing, Nesting ) π this challenge completed Used Other Technologies CSS-grid, cssflexbox
starbucks-homepage
Starbucks Landing Page
Stats-preview-card-component-professional-coding
ππFinally Update the Stats Page Design, With new Technology πSASS/SCSS ( Mixing, Nesting ) & Html5 (Semantic Structure & DOM Structure), CSS Flex-Box. π this design code readable and understoodable
Survey-Form-freeCodeCamp-Challenge-Complete-
freeCodeCamp Challenge complete, make the survey-form, technologies are used SCSS nesting, mixing and partials file, & ππUsed CSS3 flex-box, HTML5 semantic codem Make Form DOM Tree Perfect ππ