Giter Club home page Giter Club logo

30days30submits's Introduction

30days30submits

This challenge is started on July 21, 2020 📅

In this challenge, I submitted 30 little to medium size projects. Sometimes I did a little website component or sometimes some javaScript app as a submit. I did it to boost my HTML, CSS & JS skills. Down here you will find all the live previews and youTube videos (how I made it). Also here is the full playlist for this #30days30submits challenge => playlist.

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-14 Password Generator App https://codepen.io/Web_Cifar/pen/wvMVYVP https://youtu.be/zmLxhLOVB1M
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-21 OTP UI https://codepen.io/Web_Cifar/pen/BarOKgO https://youtu.be/ZVV2UM4hzIE
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

Made with ❤️ by Shaif Arfan

Like my works and want to support me?

Buy Me A Coffee

Other projects

📚 All Web Cifar Project Tutorials

30days30submits's People

Contributors

shaifarfan avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

vinod-reddy-au9 theahmadchand prashantdulal akshaychdev lex847 de1tadude karanshah-2511 lujianna krfuj manuel254 emansetto rodrigocastros uptotime ashrafali46 scarywings83289 abdallah-nour brastan johnjohnn faisaljutt16 lyreplus vishnuojha sezerbayram 41m3 developerakx festus891 sarah-mrcrt nidamirza9 farik92 math1814 amitpal16181 khushbu993 haptn anitah75 glendrs dk20tx burhan-ali-khan masudmn piyush168713 minpyae365 tcah1017 menanabel deepak8717 clevercoderjoy quangmai911 guruprasath44 hitik29 kallungalanas chiendv hawale dev1980 snaziruahmad 2021382anjaneya dangquangvn sumbul03 mustafatayfur smajaas javlona merneeoon anasfrag maufteixeira et-tounani a885228438 nathlo haden-liu lptuan08 fullstack-jay monalishashrestha jupyterjones iynewz momo2611 theprabhatraj hanzala2626 ridwanoladipupo vpinedo07 mfrancois3k nagarajantj mighel881 56sin madhur328 babthedev akshaydwankar3 mazhitov23 mdotcoder itsnas mohammadaqilmuhaimin van003 azumgi-code coderam9898 kowka-mayek saurabh2121 codehunterdev teke85 edgargc026 tounkis yu1iia changkq ramniwasmahala007 finaldestroyer eedrisserh mightyhulk

30days30submits's Issues

Day 14: Digital clock issues

Time Format Issue

  • To get the Proper timeStatus the hours should be compared to be greater than equal (hour >= 12) otherwise it'll show AM for 12 Noon.
  • Also you need to remove the timeStatus when 24-Hours Format is Clicked!

Hour needle is not working properly

Suppose the time is 13:52, the hour needle should point between 1 and 2 but it stays at 1 unless and until the time is precisely 14:00 pm.

Pixels API Asset type search

Hi I just found this code you did for Pixel API
it was really helpful
but i was thinking how about you add the Asset type search:
means allow user to select what they want to search video or Photo

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.