{"id":19984851,"url":"https://github.com/shaifarfan/30days30submits","last_synced_at":"2025-04-05T09:06:47.797Z","repository":{"id":38740070,"uuid":"281221979","full_name":"ShaifArfan/30days30submits","owner":"ShaifArfan","description":"This is a challenge that I took to boost my HTML, CSS \u0026 JS skills. I made 30 submits and they are basically some little components or js apps.","archived":false,"fork":false,"pushed_at":"2023-05-22T07:29:51.000Z","size":47648,"stargazers_count":475,"open_issues_count":3,"forks_count":129,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-03-29T08:06:12.420Z","etag":null,"topics":["css","html","javascript","shaifarfan","webcifar","website"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ShaifArfan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-07-20T20:44:40.000Z","updated_at":"2025-03-24T03:02:56.000Z","dependencies_parsed_at":"2025-01-05T02:09:17.513Z","dependency_job_id":"e4b0edf6-061a-4d4b-ab82-9cf7f19b368e","html_url":"https://github.com/ShaifArfan/30days30submits","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaifArfan%2F30days30submits","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaifArfan%2F30days30submits/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaifArfan%2F30days30submits/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaifArfan%2F30days30submits/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ShaifArfan","download_url":"https://codeload.github.com/ShaifArfan/30days30submits/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247312077,"owners_count":20918344,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","html","javascript","shaifarfan","webcifar","website"],"created_at":"2024-11-13T04:20:51.347Z","updated_at":"2025-04-05T09:06:47.744Z","avatar_url":"https://github.com/ShaifArfan.png","language":"CSS","funding_links":["https://www.buymeacoffee.com/shaifarfan08"],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"./banner.png\"\u003e\n\n# 30days30submits\n\n## This challenge is started on July 21, 2020 📅\n\n### 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 \u0026 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 =\u003e [playlist](https://www.youtube.com/playlist?list=PLRv_Gd5w9e7m7wokXmB9fGtGYw100UKc0).\n\n| day    |          Project Name          |                                             source Code/preview |                YouTube Video |\n| :----- | :----------------------------: | --------------------------------------------------------------: | ---------------------------: |\n| day-1  |         Custom Cursor          |                        https://codepen.io/Web_Cifar/pen/OJMrzaB | https://youtu.be/de4W0EHMuUs |\n| day-2  |         Theme Switcher         |                        https://codepen.io/Web_Cifar/pen/OJMrdbq | https://youtu.be/D1yg4T37qYo |\n| day-3  |   Random Dad Jokes Generator   |                        https://codepen.io/Web_Cifar/pen/XWXOZWX | https://youtu.be/UDIfuvLEkjU |\n| day-4  |          Numbers API           |                        https://codepen.io/Web_Cifar/pen/PoZLpoG | https://youtu.be/s3LFCErzmHI |\n| day-5  |        Countdown Timer         |                        https://codepen.io/Web_Cifar/pen/OJMGPbb | https://youtu.be/_a4XCarxwr8 |\n| day-6  |        Featured Section        |                        https://codepen.io/Web_Cifar/pen/WNrWxYG | https://youtu.be/L4k3_elYm2U |\n| day-7  |       Photo gallery p-1        |                        https://codepen.io/Web_Cifar/pen/wvMbwdj | https://youtu.be/URymtcPO11A |\n| day-8  | Photo gallery p-2 [Pexels API] | https://github.com/ShaifArfan/30days30submits/tree/master/day-8 | https://youtu.be/gGBpmzLN1Hw |\n| day-9  |        Read More Button        |                        https://codepen.io/Web_Cifar/pen/OJMeVxx | https://youtu.be/TvVY8c1uvG8 |\n| day-10 |     key Code Generator App     |                        https://codepen.io/Web_Cifar/pen/eYJwvKV | https://youtu.be/jOLwRV6xSwA |\n| day-11 |       CSS animated Menu        |                        https://codepen.io/Web_Cifar/pen/eYJqdxy | https://youtu.be/q8vmz-R_3Ck |\n| day-12 |        CSS Flex Gallery        |                        https://codepen.io/Web_Cifar/pen/wvMVmZN | https://youtu.be/Z6IZ2NOEzmw |\n| day-13 |          Analog Clock          |                        https://codepen.io/Web_Cifar/pen/LYNYmpb | https://youtu.be/6xEQ_jA5V2Y |\n| day-14 |         Digital Clock          |                        https://codepen.io/Web_Cifar/pen/MWyYaBP | https://youtu.be/gmNhRyxAPpw |\n| day-14 |     Password Generator App     |                        https://codepen.io/Web_Cifar/pen/wvMVYVP | https://youtu.be/zmLxhLOVB1M |\n| day-15 |        BG Color Changer        |                        https://codepen.io/Web_Cifar/pen/dyMPmwY | https://youtu.be/Yem8T8azZko |\n| day-16 |         Basic Tooltips         |                        https://codepen.io/Web_Cifar/pen/PoNqwNJ | https://youtu.be/MXRxahbJX3A |\n| day-17 |       Scroll Down Button       |                        https://codepen.io/Web_Cifar/pen/WNwvOaE | https://youtu.be/LY1jeQGUiAI |\n| day-18 |        Advance Tooltips        |                        https://codepen.io/Web_Cifar/pen/yLOYoPR | https://youtu.be/e_jEquJo7y8 |\n| day-19 |   Full Functional Html Form    |                        https://codepen.io/Web_Cifar/pen/gOrrPpO | https://youtu.be/vc9rgFHr098 |\n| day-20 |        Multi Step Form         |                        https://codepen.io/Web_Cifar/pen/PoNNEYY | https://youtu.be/cKTgIDkRsGc |\n| day-21 |     CSS Loading animation      |                        https://codepen.io/Web_Cifar/pen/jOqqRPM | https://youtu.be/E_jOrp4t0N4 |\n| day-21 |             OTP UI             |                        https://codepen.io/Web_Cifar/pen/BarOKgO | https://youtu.be/ZVV2UM4hzIE |\n| day-22 |        Food Recipe App         |                        https://codepen.io/Web_Cifar/pen/oNxLYRY | https://youtu.be/x8EY0BlhPGk |\n| day-23 |       Neon Light Effect        |                        https://codepen.io/Web_Cifar/pen/MWyJENV | https://youtu.be/NLtUycloTnc |\n| day-24 |     Speech Recognition App     |                        https://codepen.io/Web_Cifar/pen/jOqBEjE | https://youtu.be/-k-PgvbktX4 |\n| day-25 |         Custom Slider          |                        https://codepen.io/Web_Cifar/pen/bGpRwEr | https://youtu.be/V9TCxMMpGhI |\n| day-26 |       Bouncing DVD logo        |                        https://codepen.io/Web_Cifar/pen/JjXrLRJ | https://youtu.be/wMIARRCox9k |\n| day-27 |            Quiz APP            |                        https://codepen.io/Web_Cifar/pen/dyMZxNg | https://youtu.be/qXXM9nVxLWk |\n| day-28 |       Simple Calculator        |                        https://codepen.io/Web_Cifar/pen/XWdVgXr | https://youtu.be/0Vg4EiYPCUc |\n| day-29 |          Weather APP           |                        https://codepen.io/Web_Cifar/pen/gOrvMpR | https://youtu.be/y0iCeKUsYMk |\n| day-30 |        CSS Dot Loaders         |                        https://codepen.io/Web_Cifar/pen/rNevXPx | https://youtu.be/ENa4y_-fJAs |\n\n---\n\n### Made with ❤️ by [Shaif Arfan](https://www.instagram.com/shaifarfan08/)\n\nLike my works and want to support me?\n\n\u003ca href=\"https://www.buymeacoffee.com/shaifarfan08\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-blue.png\" alt=\"Buy Me A Coffee\" style=\"height: 45px !important;width: 162.75px !important;\" \u003e\u003c/a\u003e\n\n---\n\n## Other projects\n\n📚 [All Web Cifar Project Tutorials](https://github.com/ShaifArfan/wc-project-tutorials)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshaifarfan%2F30days30submits","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshaifarfan%2F30days30submits","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshaifarfan%2F30days30submits/lists"}