Muthu 's repositories
Interview-questions-for-JavaScript
full detailed questions answer.
ball-jumping
ball jump in Y axis related to parent div. Glass box using css rotation by keyframes .
calculator-Bootrsap
calculator designed using JavaScript and CSS,HTML , getting data while pressing keys, then get output in display by eval( ) function.
Icon-hover-Design
Icons hover before and after pseudo using. filter :blur() and drop-shadow. z-index properties are used .
Asia-Europe-Regions-
Two region details combines using spread operator.
Async-Await-combine
Two regions combines Asia and Europe
Bootstrap-Responsive-Image-
Responsive Image align using Bootstrap classes like img-fluid , mx-auto d-block, img-thumbnail.
CRUD-Api
CRUD -Create Read Update Delete operation using javascript, you could add,delete,update and edit user data here.
Delete-Data-from-JS-to-API
Delete the user data from JS to mockapi using JS and CSS. while press the Delete button you could delete the user data in web and Api.
Dropdownmenu-Bootstrap
Dropdown menu in buttons. you could add link on them for navigation next page.
Form-Glass-Design-
form design with glass image background.(Ragnar )
girlPosition
design
Google-UI-Clone
Google User Interface clone using JS CSS HTML.
Image-SlideShow-
Image slide changes every 2secs . it will pause when will you hover it. you can forward or backward images using forward back ward keys. Thank you.
mockApi-Acces
get mockData from mockapi.io , get the Profile details in display like facebook joined date.
Online-payment
Online Payment form design using CSS and HTML.
Pokemon--cardShow
Pokemon card details designed from https://pokeapi.co/api/v2/pokemon/1 Api , fetch the data from api using async await( ) . then put the data in browser using DOM manipulation.
Pokemon-50--Cards
50 Pokemon's card details designed from https://pokeapi.co/api/v2/pokemon/1 Api , fetch the data from api using async await( ) . then put the data in browser using DOM manipulation.
Position-abs-relative
Position preperty explained: absolute and relative . we need to mention parent tag "relative". top right bottom left
Position-Sticky-
Navbar position when it touches top :0 it will stick to the header.
Profile-card-front-end-dev
Profile card Design for front end developer. hover used here.
progressBar-Loading
Loading Screen progress bar getting width from data- attribure using dom manipulation. you could see how much loading in bar.
Random-Jokes-api
Get Random Jokes from api. using async and await method. JS dom used here.
Random-Quotes-Generator
While clicking next You could see the next quotes.
Rate-service-
Rate service like very poor ,poor, using addEventListener( ) event in JS
Rating-stars
You could rate 1 t0 5 stars. simple color changes and rating details will displayed using JS add remove class name method. and CSS
Slide-Login-FormDesign
Slide to login and signup form design. including social icons hover design. using margin left right:50% and transition used here.
weather-Api
Get Details about your city weather. using fetch promise . JavaScript and CSS
Weather-details-Async-await
Get Weatehr details using Async await
Weather-Report
Weather report for cities all around the world with search bar