{"id":20498075,"url":"https://github.com/khushi2706/javascript-projects-for-beginner","last_synced_at":"2025-06-20T18:34:12.116Z","repository":{"id":186808202,"uuid":"449800414","full_name":"khushi2706/Javascript-projects-for-beginner","owner":"khushi2706","description":"I had plan to create 10 javascript project within 10 days and this is all that projects","archived":false,"fork":false,"pushed_at":"2024-02-28T06:26:56.000Z","size":9284,"stargazers_count":13,"open_issues_count":0,"forks_count":2,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-06-08T08:05:06.596Z","etag":null,"topics":["boot","budget-app","css","form-validation","html","html-css-javascript","javascript","javascriptproject","movie-database","movies","portfolio-website","quote-generator","speech-to-text","todolist"],"latest_commit_sha":null,"homepage":"https://khushi2706.github.io/Javascript-projects-for-beginner/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/khushi2706.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2022-01-19T17:59:57.000Z","updated_at":"2025-02-15T16:56:16.000Z","dependencies_parsed_at":"2024-02-28T07:31:17.801Z","dependency_job_id":"8d57b1df-c45e-4e2c-937d-44b566bf2f93","html_url":"https://github.com/khushi2706/Javascript-projects-for-beginner","commit_stats":null,"previous_names":["khushi2706/10daysofjs","khushi2706/javascript-projects-for-beginner"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/khushi2706/Javascript-projects-for-beginner","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khushi2706%2FJavascript-projects-for-beginner","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khushi2706%2FJavascript-projects-for-beginner/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khushi2706%2FJavascript-projects-for-beginner/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khushi2706%2FJavascript-projects-for-beginner/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/khushi2706","download_url":"https://codeload.github.com/khushi2706/Javascript-projects-for-beginner/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khushi2706%2FJavascript-projects-for-beginner/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260997120,"owners_count":23094836,"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":["boot","budget-app","css","form-validation","html","html-css-javascript","javascript","javascriptproject","movie-database","movies","portfolio-website","quote-generator","speech-to-text","todolist"],"created_at":"2024-11-15T18:12:58.989Z","updated_at":"2025-06-20T18:34:07.081Z","avatar_url":"https://github.com/khushi2706.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# JavaScript 10-Day Challenge Projects\nWelcome to the JavaScript 10-Day Challenge! This challenge is designed to help beginners enhance their JavaScript skills by building ten different projects over the course of ten days. Each day, you will work on a new project that focuses on various aspects of JavaScript development, gradually increasing in complexity as you progress through the challenge!😄🤟\n\n## You can check it all live here!!🔥\nhttps://khushi2706.github.io/Javascript-projects-for-beginner/\n\n## Project List:\n\n### Day 1: Character and Words Counter\n- **Description:** Build a simple web application that counts the number of characters and words in a given text input.\n- **Technologies:** HTML, CSS, JavaScript\n- **Features:**\n  - Input field for entering text\n  - Display for character count\n  - Display for word count\n\n### Day 2: Speech to Text\n- **Description:** Develop a web application that converts spoken words into text using browser-based speech recognition.\n- **Technologies:** HTML, CSS, JavaScript\n- **Features:**\n  - Button to start/stop speech recognition\n  - Display area to show the transcribed text\n\n### Day 3: To-Do List\n- **Description:** Create a to-do list application that allows users to add, remove, and mark tasks as complete.\n- **Technologies:** HTML, CSS, JavaScript\n- **Features:**\n  - Input field for adding new tasks\n  - List to display tasks\n  - Checkbox to mark tasks as complete\n  - Button to delete tasks\n\n### Day 4: Quotes Generator\n- **Description:** Build an application that generates random quotes and displays them to the user.\n- **Technologies:** HTML, CSS, JavaScript\n- **Features:**\n  - Array of pre-defined quotes\n  - Button to generate and display a random quote\n\n### Day 5: Menu List\n- **Description:** Develop a menu list application that showcases various food items with descriptions.\n- **Technologies:** HTML, CSS, JavaScript\n- **Features:**\n  - Display of food items with images and descriptions\n  - Filter options to categorize food items (e.g., appetizers, main courses, desserts)\n\n### Day 6: Form Validation\n- **Description:** Implement form validation to ensure that user-submitted data meets specified criteria.\n- **Technologies:** HTML, CSS, JavaScript\n- **Features:**\n  - Input fields with validation rules (e.g., required fields, email format)\n  - Error messages for invalid input\n\n### Day 7: Recipe\n- **Description:** Create a recipe application that allows users to view and search for recipes.\n- **Technologies:** HTML, CSS, JavaScript\n- **Features:**\n  - Display of recipes with images and instructions\n  - Search functionality to filter recipes by name or ingredients\n\n### Day 8: Movie App\n- **Description:** Build a movie application that fetches data from an API and displays information about movies.\n- **Technologies:** HTML, CSS, JavaScript, API (e.g., OMDB API)\n- **Features:**\n  - Search bar to search for movies\n  - Display of movie details (title, year, plot, etc.)\n\n### Day 9: Budget App\n- **Description:** Develop a budget tracking application that helps users manage their expenses and incomes.\n- **Technologies:** HTML, CSS, JavaScript\n- **Features:**\n  - Input fields for adding expenses and incomes\n  - Display of total budget, expenses, and remaining balance\n  - Visualization of budget data (e.g., charts)\n\n### Day 10: Portfolio\n- **Description:** Create a personal portfolio website to showcase your projects and skills.\n- **Technologies:** HTML, CSS, JavaScript\n- **Features:**\n  - Home page with introduction and profile picture\n  - Projects section with descriptions and links\n  - Contact form for inquiries\n\n## Getting Started\n- Each project folder contains the necessary files (HTML, CSS, JavaScript) to get started.\n- Open the `index.html` file in your web browser to view and interact with the project.\n- Follow the instructions provided in the comments of the code to implement additional features or make modifications.\n\n## Happy Coding!\nStart your journey to becoming a JavaScript pro by completing these ten projects. Feel free to customize and expand upon each project to further challenge yourself and improve your skills. Good luck, and happy coding! 🚀\n\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkhushi2706%2Fjavascript-projects-for-beginner","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkhushi2706%2Fjavascript-projects-for-beginner","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkhushi2706%2Fjavascript-projects-for-beginner/lists"}