30days30submits
30days30submits | Random_Quote_Generator | |
---|---|---|
1 | 1 | |
472 | 29 | |
- | - | |
0.0 | 4.6 | |
12 months ago | almost 3 years ago | |
CSS | CSS | |
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
30days30submits
-
30days30submits (HTML, CSS, JS)
day Project Name source Code/preview YouTube Video day-1 Custom Cursor https://codepen.io/Web_Cifar/pen/OJMrzaB https://youtu.be/de4W0EHMuUs day-2 Theme Switcher https://codepen.io/Web_Cifar/pen/OJMrdbq https://youtu.be/D1yg4T37qYo day-3 Random Dad Jokes Generator https://codepen.io/Web_Cifar/pen/XWXOZWX https://youtu.be/UDIfuvLEkjU day-4 Numbers API https://codepen.io/Web_Cifar/pen/PoZLpoG https://youtu.be/s3LFCErzmHI day-5 Countdown Timer https://codepen.io/Web_Cifar/pen/OJMGPbb https://youtu.be/_a4XCarxwr8 day-6 Featured Section https://codepen.io/Web_Cifar/pen/WNrWxYG https://youtu.be/L4k3_elYm2U day-7 Photo gallery p-1 https://codepen.io/Web_Cifar/pen/wvMbwdj https://youtu.be/URymtcPO11A day-8 Photo gallery p-2 [Pexels API] https://github.com/ShaifArfan/30days30submits/tree/master/day-8 https://youtu.be/gGBpmzLN1Hw day-9 Read More Button https://codepen.io/Web_Cifar/pen/OJMeVxx https://youtu.be/TvVY8c1uvG8 day-10 key Code Generator App https://codepen.io/Web_Cifar/pen/eYJwvKV https://youtu.be/jOLwRV6xSwA day-11 CSS animated Menu https://codepen.io/Web_Cifar/pen/eYJqdxy https://youtu.be/q8vmz-R_3Ck day-12 CSS Flex Gallery https://codepen.io/Web_Cifar/pen/wvMVmZN https://youtu.be/Z6IZ2NOEzmw day-13 Analog Clock https://codepen.io/Web_Cifar/pen/LYNYmpb https://youtu.be/6xEQ_jA5V2Y day-14 Digital Clock https://codepen.io/Web_Cifar/pen/MWyYaBP https://youtu.be/gmNhRyxAPpw day-15 BG Color Changer https://codepen.io/Web_Cifar/pen/dyMPmwY https://youtu.be/Yem8T8azZko day-16 Basic Tooltips https://codepen.io/Web_Cifar/pen/PoNqwNJ https://youtu.be/MXRxahbJX3A day-17 Scroll Down Button https://codepen.io/Web_Cifar/pen/WNwvOaE https://youtu.be/LY1jeQGUiAI day-18 Advance Tooltips https://codepen.io/Web_Cifar/pen/yLOYoPR https://youtu.be/e_jEquJo7y8 day-19 Full Functional Html Form https://codepen.io/Web_Cifar/pen/gOrrPpO https://youtu.be/vc9rgFHr098 day-20 Multi Step Form https://codepen.io/Web_Cifar/pen/PoNNEYY https://youtu.be/cKTgIDkRsGc day-21 CSS Loading animation https://codepen.io/Web_Cifar/pen/jOqqRPM https://youtu.be/E_jOrp4t0N4 day-22 Food Recipe App https://codepen.io/Web_Cifar/pen/oNxLYRY https://youtu.be/x8EY0BlhPGk day-23 Neon Light Effect https://codepen.io/Web_Cifar/pen/MWyJENV https://youtu.be/NLtUycloTnc day-24 Speech Recognition App https://codepen.io/Web_Cifar/pen/jOqBEjE https://youtu.be/-k-PgvbktX4 day-25 Custom Slider https://codepen.io/Web_Cifar/pen/bGpRwEr https://youtu.be/V9TCxMMpGhI day-26 Bouncing DVD logo https://codepen.io/Web_Cifar/pen/JjXrLRJ https://youtu.be/wMIARRCox9k day-27 Quiz APP https://codepen.io/Web_Cifar/pen/dyMZxNg https://youtu.be/qXXM9nVxLWk day-28 Simple Calculator https://codepen.io/Web_Cifar/pen/XWdVgXr https://youtu.be/0Vg4EiYPCUc day-29 Weather APP https://codepen.io/Web_Cifar/pen/gOrvMpR https://youtu.be/y0iCeKUsYMk day-30 CSS Dot Loaders https://codepen.io/Web_Cifar/pen/rNevXPx https://youtu.be/ENa4y_-fJAs
Random_Quote_Generator
-
25+ JavaScript Project With Source Code to Build your Skills
The main objective of this project is to fetches a new random quote from an API, upon the click of a button, and displays it in the browser. Key concepts covered :- 1.) document.getElementById() 2.) async() 3.) await 4.) fetch() 5.) Math.floor() 6.) Math.random() 7.) innerHTML Source Code:- Random Quote Generator
What are some alternatives?
codeit - Mobile code editor connected to Git.
genshin-api-tutorial - Repo to accompany the tutorial series for Web Dev Newbies
ios-landing-page - Landing page template for iOS apps
Random-APIs - A place for new contributors to learn how to consume their APIs and contribute to open-source. Part of Hacktoberfest.
foryounews - Web application displaying the latest top news headlines.
tic-tac-toe-js - Tic Tac Toe using JS
Notes-Javascript - An open-source notes-taking web app (PWA) built with vanilla javascript.
ZeroOctave-Javascript-Projects - This Repository Contains 150+ web development Projects.
temps-lite - A smart, good-looking little app which tries to speak your language the way you are used to.
BMI-calculator
leonardo-ui - Web UI component library with the Qlik Sense look and feel.
JavaScript-Whack-A-Mole - a Whack A Mole Game! this project was inspired by Wes Bos tutorial.