{"id":29865580,"url":"https://akash52.github.io/awesome-Javascript-collection/","last_synced_at":"2025-07-30T11:04:09.510Z","repository":{"id":54987423,"uuid":"301979177","full_name":"Akash52/awesome-Javascript-collection","owner":"Akash52","description":"This repository contains vanilla JavaScript projects for beginners to intermediate programmers.","archived":false,"fork":false,"pushed_at":"2025-07-20T08:18:45.000Z","size":27756,"stargazers_count":8,"open_issues_count":0,"forks_count":5,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-07-20T10:16:40.769Z","etag":null,"topics":["ajax","api","awesome-javascript","bootstrap4","css3","ecmascript6","frontend","hacktoberfest","html5","javascript","jquery","vanilla-javascript"],"latest_commit_sha":null,"homepage":"https://js-display-project.netlify.app/","language":"HTML","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/Akash52.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,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-10-07T08:55:08.000Z","updated_at":"2025-07-20T08:18:48.000Z","dependencies_parsed_at":"2024-01-15T17:32:41.450Z","dependency_job_id":"bde6b765-6abb-46d1-b86b-8ff5748cbfc2","html_url":"https://github.com/Akash52/awesome-Javascript-collection","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Akash52/awesome-Javascript-collection","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Akash52%2Fawesome-Javascript-collection","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Akash52%2Fawesome-Javascript-collection/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Akash52%2Fawesome-Javascript-collection/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Akash52%2Fawesome-Javascript-collection/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Akash52","download_url":"https://codeload.github.com/Akash52/awesome-Javascript-collection/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Akash52%2Fawesome-Javascript-collection/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267857755,"owners_count":24155914,"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","status":"online","status_checked_at":"2025-07-30T02:00:09.044Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["ajax","api","awesome-javascript","bootstrap4","css3","ecmascript6","frontend","hacktoberfest","html5","javascript","jquery","vanilla-javascript"],"created_at":"2025-07-30T11:02:38.553Z","updated_at":"2025-07-30T11:04:09.495Z","avatar_url":"https://github.com/Akash52.png","language":"HTML","funding_links":[],"categories":["Live Demos"],"sub_categories":[],"readme":"# Awesome JavaScript Collection\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/YOUR-SITE-ID/deploy-status.svg)](https://app.netlify.com/sites/YOUR-SITE-NAME/deploys)\n[![GitHub Stars](https://img.shields.io/github/stars/Akash52/awesome-Javascript-collection?style=social)](https://github.com/Akash52/awesome-Javascript-collection)\n[![GitHub Forks](https://img.shields.io/github/forks/Akash52/awesome-Javascript-collection?style=social)](https://github.com/Akash52/awesome-Javascript-collection)\n\n## Live Demos\n\n- **[Netlify Demo](https://js-display-project.netlify.app/)** (Recommended - Auto-updated)\n- **[GitHub Pages Demo](https://akash52.github.io/awesome-Javascript-collection/)**\n\n## Overview\n\nA curated collection of interactive JavaScript projects and examples. This repository contains projects ranging from beginner to advanced level, all automatically organized and deployed.\n\n### Features\n\n- **Automatic Project Detection** - Add projects and they're automatically included\n- **Responsive Design** - Works perfectly on all devices  \n- **Netlify Deployment Ready** - One-click deployment to Netlify\n- **Modern UI** - Clean interface with project search and filtering\n- **56+ Interactive Projects** - And growing\n\n## Content Structure\n\n- All projects are stored in the `Awesome-JavaScript-Example` folder\n- Each project must have an `index.html` file as the entry point\n- Projects are automatically detected and added to the showcase\n\n## Deploy to Netlify\n\n### Method 1: One-Click Deploy\n\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/Akash52/awesome-Javascript-collection)\n\n### Method 2: Manual Deployment\n\n1. Fork this repository\n2. Connect to Netlify:\n   - Go to [netlify.com](https://netlify.com)\n   - Click \"New site from Git\"\n   - Choose your forked repository\n3. Build settings (auto-configured via `netlify.toml`):\n   - Build command: `npm run build`\n   - Publish directory: `.`\n4. Deploy\n\n### Method 3: CLI Deployment\n\n```bash\n# Install Netlify CLI\nnpm install -g netlify-cli\n\n# Login to Netlify\nnetlify login\n\n# Deploy (from project root)\nnpm run deploy\n```\n\n## How to Contribute\n\n### Adding a New Project\n\n1. Fork this repository\n2. Create your project folder in `Awesome-JavaScript-Example/`\n   ```\n   Awesome-JavaScript-Example/\n   ├── Your-Project-Name/\n   │   ├── index.html    # Required entry point\n   │   ├── style.css     # Your styles\n   │   ├── script.js     # Your JavaScript\n   │   └── assets/       # Any additional assets\n   ```\n3. Ensure your project works - Test locally first\n4. Commit and push your changes\n5. Create a Pull Request\n\nThe system will automatically:\n- Detect your new project\n- Generate project metadata  \n- Create a placeholder image if none exists\n- Add it to the showcase\n\n### Project Requirements\n\n- Must have `index.html` as the main file\n- Should be self-contained (all dependencies included)\n- Should be responsive (mobile-friendly)\n- Include a descriptive project name\n\n## Local Development\n\n```bash\n# Clone the repository\ngit clone https://github.com/Akash52/awesome-Javascript-collection.git\ncd awesome-Javascript-collection\n\n# Install dependencies\nnpm install\n\n# Generate project data\nnpm run generate-data\n\n# Start local server\nnpm start\n# OR\nnpm run serve\n```\n\n## Available Scripts\n\n- `npm run generate-data` - Scan and generate project list\n- `npm run build` - Build for production (Netlify)\n- `npm start` - Start Node.js server\n- `npm run serve` - Start Python server\n- `npm run deploy` - Deploy to Netlify (requires CLI)\n\n## Contributing Guidelines\n\n- **Focus on Quality** - Ensure your project is well-coded and documented\n- **Mobile-First** - Test on different screen sizes\n- **Clean Code** - Follow JavaScript best practices\n- **Documentation** - Add comments to help others learn\n- **No External Dependencies** - Keep projects self-contained when possible\n\n### Issues \u0026 Feedback\n\n- Found bugs or errors?\n- Something not rendering properly?\n- Have ideas to make it better?\n- Want to suggest new features?\n\nFeel free to [open an issue](https://github.com/Akash52/awesome-Javascript-collection/issues)\n\n## Project Stats\n\n- **56+ Projects** and growing\n- **All Categories** - Games, Apps, Animations, Tools\n- **100% Responsive** - Works on all devices\n- **Auto-Deploy** - Netlify integration included\n\n### Featured Project Categories\n\n- **Games** - Interactive games and puzzles\n- **Calculators** - Various calculator types\n- **Animations** - CSS \u0026 JavaScript animations  \n- **Data Visualization** - Charts and graphs\n- **Media Players** - Audio/video players\n- **Weather Apps** - API integration examples\n- **Productivity Tools** - Todo lists, note apps\n- **Learning Projects** - Educational examples\n\n## Show Your Support\n\nAll contributions and feedback are welcome! If you found this helpful:\n\n1. Star this repository\n2. Fork and contribute  \n3. Share with others\n4. Create a PR\n\nTogether, let's build an amazing collection of JavaScript projects!\n\n## License\n\nThis project follows the [MIT License](/LICENSE).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/akash52.github.io%2Fawesome-Javascript-collection%2F","html_url":"https://awesome.ecosyste.ms/projects/akash52.github.io%2Fawesome-Javascript-collection%2F","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/akash52.github.io%2Fawesome-Javascript-collection%2F/lists"}