nerdfswd Goto Github PK

10-projects-in-1-hour

This contains 10 basic JS projects

accordion

This is a accordion made using HTML, CSS, JS. Created with CodeSandbox.

analog-clock

This is a simple Analog Clock made using HTML, CSS, JS. Created with CodeSandbox

animated-tabs

This is aan animated tabs project made using HTML, CSS, JS. Created with CodeSandbox

animated-thermometer

This is a simple animated Thermometer. Made using HTML, CSS, JS. Created with CodeSandbox. From this, we can learn about time Intervals concepts of JS.

banana-talk-app

This is a javascript based Banana Talk App. Translating english to minions language app.

bulb-on-off

This is a simple Bulb on and off app. Made using HTML, css, Js. Created with CodeSandbox. By this, we can learn events, DOM concepts.

canvas-clock

Canvas Clock. Created with CodeSandbox

count-down-timer

This is a simple Count-Down-Timer made using HTML, CSS, JS. Created with CodeSandbox

creating-resume-using-html-css

css-style-selector

This is a simple CSS style selector for understanding the styles. Created with CodeSandbox.

day-1-expanding-cards

Day 1 - Expanding Cards using HTML, CSS, JS. Created with CodeSandbox

day-10-dad-jokes

Day-10 Dad Jokes. Created with CodeSandbox

day-11-event-key-codes

Day-11 Event Key Codes. Created with CodeSandbox

day-12-faq-collapse

Day-12 FAQ Collapse. Created with CodeSandbox

day-13-random-choice-picker

Day-13 Random Choice Picker. Created with CodeSandbox

day-14-animated-navigation

Day-14 Animated Navigation. Created with CodeSandbox

day-15-incrementing-counter

Day-15 Incrementing Counter. Created with CodeSandbox

day-16-drink-water

Day-16 Drink Water. Created with CodeSandbox

day-17-movie-app

Day-17 Movie App. Created with CodeSandbox

day-18-background-slider

Day-18 Background Slider. Created with CodeSandbox

day-19-theme-clock

Day-19 Theme Clock. Created with CodeSandbox

day-2-progress-steps

Day-2 Progress Steps made using HTML, CSS, JS. Created with CodeSandbox

day-20-button-ripple-effect

Day-20 Button Ripple Effect. Created with CodeSandbox

day-21-drag-n-drop

Day-21 Drag N Drop. Created with CodeSandbox

day-22-drawing-app

Day-22 Drawing App. Created with CodeSandbox

day-23-kinetic-css-loader

Day-23 Kinetic CSS Loader. Created with CodeSandbox

day-24-content-placeholder

Day-24 Content placeholder. Created with CodeSandbox

day-25-sticky-navigation-bar

Day-25 Sticky NavBar created.

day-26-double-vertical-slider

Day-26 Double Vertical Slider. Created with CodeSandbox