{"id":17654047,"url":"https://github.com/tomchen/starter-web-app","last_synced_at":"2026-01-20T21:33:13.775Z","repository":{"id":42626582,"uuid":"272505598","full_name":"tomchen/starter-web-app","owner":"tomchen","description":"Starter / boilerplate / scaffolding web app with decent dev tools and a cool demo page (en \u0026 fr) 🚀🌐","archived":false,"fork":false,"pushed_at":"2023-03-06T08:21:33.000Z","size":18459,"stargazers_count":0,"open_issues_count":8,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-07T04:22:18.936Z","etag":null,"topics":["boilerplate","css","demo","ecmascript6","gulp","html","javascript","livereload","sass","starter"],"latest_commit_sha":null,"homepage":"https://starter-web-app.tomchen.org","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/tomchen.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-06-15T17:44:39.000Z","updated_at":"2021-02-13T21:17:42.000Z","dependencies_parsed_at":"2025-02-13T08:50:40.309Z","dependency_job_id":null,"html_url":"https://github.com/tomchen/starter-web-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/tomchen/starter-web-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomchen%2Fstarter-web-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomchen%2Fstarter-web-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomchen%2Fstarter-web-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomchen%2Fstarter-web-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tomchen","download_url":"https://codeload.github.com/tomchen/starter-web-app/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomchen%2Fstarter-web-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28614607,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-20T18:56:40.769Z","status":"ssl_error","status_checked_at":"2026-01-20T18:54:26.653Z","response_time":117,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["boilerplate","css","demo","ecmascript6","gulp","html","javascript","livereload","sass","starter"],"created_at":"2024-10-23T12:08:27.271Z","updated_at":"2026-01-20T21:33:13.759Z","avatar_url":"https://github.com/tomchen.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Starter Web App\n\n[![MIT License](https://img.shields.io/github/license/tomchen/starter-web-app)](https://github.com/tomchen/starter-web-app/blob/master/LICENSE \"MIT License\")\n\n**Starter Web App** is a boilerplate project to start a simple static web site or web app with. Based on [Yeoman's generator-webapp](https://github.com/yeoman/generator-webapp), Starter Web App comes with:\n\n* ECMAScript 6 transpilation with Babel\n* Sass compilation\n* CSS autoprefixing\n* Live-reloading preview + watch mode with BrowserSync\n* Task runner gulp\n* JavaScript beautification (Prettier) and linting (ESLint)\n* CSS and JavaScript minification (production mode)\n* Image optimization\n* Image to favicon convertion and code injection\n* Source maps\n* Pre-set .editorconfig, .gitattributes, .gitignore configuration files\n* Script to publish files to GitHub Pages (deploy `dist` folder to `gh-pages` branch. If you don't need this feature, you may delete the last block `!dist` in .gitignore)\n* etc.\n\n[The Starter Web App default page](https://starter-web-app.tomchen.org/) is a demo showing some basic and/or popular techniques and effects in front-end web development written in vanilla JavaScript and Sass (CSS). The images used here are in the public domain or may be used for any purpose. Techniques used / features shown by this demo include:\n\n* Basic HTML5 tags, table, list\n* Responsive design\n* Gallery with CSS Flexbox\n* AJAX form (with a back-end PHP script available)\n* Lots of CSS alpha transparency, text shadow and hover transition effect\n* Carousel with CSS transformation\n* Pop-up window (disappears after 3.5 seconds OR clicking)\n* Effect based on cursor position\n* Parallax scrolling\n* Smooth scrolling\n* \"Fade-in\" title with CSS animation\n* SVG Progress Bar\n* Web font icons\n* Vanilla JavaScript and Sass: pure, native JavaScript and Sass (CSS) without jQuery, Bootstrap or other framework\n* etc.\n\n---\n\n**Starter Web App** est un projet boilerplate pour démarrer un simple site web statique ou une application web. Basé sur [generator-webapp de Yeoman](https://github.com/yeoman/generator-webapp), Starter Web App est livré avec :\n\n* ECMAScript 6 transpilation avec Babel\n* Compilation de Sass\n* Autoprefixing CSS\n* Mode prévisualisation avec rechargement en direct en utilisant BrowserSync\n* Task runner gulp\n* Beautification (Prettier) et linting (ESLint) de JavaScript\n* Minification de CSS et de JavaScript (mode production)\n* Optimisation d'image\n* Conversion d'image en favicon et injection de code\n* Source maps\n* Fichiers de configuration prédéfinis: .editorconfig, .gitattributes, .gitignore\n* Script pour publier fichiers sur GitHub Pages (déployer le dossier `dist` vers la branche `gh-pages`. Si vous n'en avez pas besoin, vous pouvez supprimer le dernier bloc `!dist` dans .gitignore)\n* etc.\n\n[La page par défaut de Starter Web App](https://starter-web-app.tomchen.org/) est une démo montrant quelques techniques et effets basiques et/ou populaires en développement web front-end écrit en vanilla JavaScript et Sass (CSS). Les images utilisées ici sont dans le domaine public ou peuvent être utilisées à toutes fins. Techniques utilisées / fonctionnalités effectuées par cette démo incluent:\n\n* Balises HTML5 de base, table, liste\n* Responsive design\n* Galerie avec CSS Flexbox\n* Formulaire AJAX (avec un script PHP back-end disponible)\n* Beaucoup de transparence alpha CSS, de text shadow et d’effet de transition au survol de la souris\n* Carrousel avec CSS transformation\n* Fenêtre pop-up (à disparaît après 3,5 secondes OU un clic)\n* Effet basé sur la position du curseur\n* Défilement parallaxe (Parallax scrolling)\n* Défilement lisse (smooth scrolling)\n* Titre \"fade-in\" avec CSS animation\n* Barre de progression en SVG\n* Icônes avec web font\n* Vanilla JavaScript et Sass : JavaScript et Sass (CSS) pur, natif sans jQuery, Bootstrap ou autre framework\n* etc.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftomchen%2Fstarter-web-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftomchen%2Fstarter-web-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftomchen%2Fstarter-web-app/lists"}