{"id":23457213,"url":"https://github.com/timonwa/javascript-project-series","last_synced_at":"2025-10-30T21:31:08.177Z","repository":{"id":42708406,"uuid":"467575136","full_name":"Timonwa/javascript-project-series","owner":"Timonwa","description":"Beginners Javascript Projects - Article series on Timonwa's Notes. 10+ mini projects to boost your Javascript skills.","archived":false,"fork":false,"pushed_at":"2023-06-22T14:51:14.000Z","size":322,"stargazers_count":6,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-24T04:44:35.593Z","etag":null,"topics":["beginner","css3","html5","javascript","javascript-vanilla","learn-to-code","learning-by-doing","learning-exercise"],"latest_commit_sha":null,"homepage":"https://javascript-project-series.vercel.app","language":"HTML","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/Timonwa.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}},"created_at":"2022-03-08T15:45:16.000Z","updated_at":"2024-07-10T12:52:51.000Z","dependencies_parsed_at":"2022-09-08T07:10:47.317Z","dependency_job_id":null,"html_url":"https://github.com/Timonwa/javascript-project-series","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/Timonwa%2Fjavascript-project-series","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Timonwa%2Fjavascript-project-series/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Timonwa%2Fjavascript-project-series/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Timonwa%2Fjavascript-project-series/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Timonwa","download_url":"https://codeload.github.com/Timonwa/javascript-project-series/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239065711,"owners_count":19575773,"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":["beginner","css3","html5","javascript","javascript-vanilla","learn-to-code","learning-by-doing","learning-exercise"],"created_at":"2024-12-24T04:44:37.913Z","updated_at":"2025-10-30T21:31:07.716Z","avatar_url":"https://github.com/Timonwa.png","language":"HTML","readme":"# Beginners Javascript Projects series on Timonwa's Notes\n\n## 10+ mini-projects to boost your Javascript skills\n\n![Beginners Javascript Projects](https://github.com/Timonwa/javascript-project-series/blob/main/assets/seo-image.png)\n\nThis repository contains all the codes for each of my articles on building Javascript projects on my [blog](https://blog.timonwa.com).\n\nThe [Beginners Javascript Projects Series](https://blog.timonwa.com/series/beginners-javascript-projects) is a collection of written tutorials where I pick javascript projects one at a time, giving step-by-step guides on how to build them from scratch with ease.\n\nAs I publish each new project article, you will find the corresponding source codes here. The code of each project is contained in folders with the corresponding names of the Javascript projects. You can also find the direct links to the folders below, along with the live links to view the code in action.\n\nFeel free to fork this [repo](https://github.com/Timonwa/javascript-project-series) and use the codes for learning, practicing, and building your own unique projects. And please give this a [Star](https://github.com/Timonwa/javascript-project-series) also. It would mean a lot to me. The Star and Fork button can be found at the top right corner.\n\n---\n\n## The Projects\n\nThe following is the list of javascript projects included in the repository.\nYou can click on them to go straight to that section.\n\n1. [Accordions](#accordions)\n2. [Color Flipper](#color-flipper)\n3. [Image Slider](#image-slider)\n\n### Accordions\n\nYou can view the [demo here](https://javascript-project-series.vercel.app/01-accordion/index.html), read the [article here](https://blog.timonwa.com/3-simple-ways-to-build-an-accordion), and view the [code here](https://github.com/Timonwa/javascript-project-series/tree/main/01-accordion).\n\n### Color Flipper\n\nYou can view the [demo here](https://javascript-project-series.vercel.app/02-color-flipper/index.html), read the [article here](https://blog.timonwa.com/how-to-build-a-random-color-flipper-with-vallina-javascript), and view the [code here](https://github.com/Timonwa/javascript-project-series/tree/main/02-color-flipper).\n\n### Image Slider\n\nYou can view the [demo here](https://javascript-project-series.vercel.app/03-image-slider/index.html), read the [article here](https://blog.timonwa.com/how-to-create-an-image-slider-using-css-and-javascript), and view the [code here](https://github.com/Timonwa/javascript-project-series/tree/main/03-image-slider).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimonwa%2Fjavascript-project-series","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftimonwa%2Fjavascript-project-series","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimonwa%2Fjavascript-project-series/lists"}