{"id":15423198,"url":"https://github.com/5t3ph/howtowebdev-starter","last_synced_at":"2025-04-19T15:29:52.451Z","repository":{"id":84151656,"uuid":"232918215","full_name":"5t3ph/howtowebdev-starter","owner":"5t3ph","description":"Starter files for the video course \"Learn How to Make a Website with Steph\"","archived":false,"fork":false,"pushed_at":"2020-01-16T03:42:47.000Z","size":4,"stargazers_count":9,"open_issues_count":1,"forks_count":10,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-29T09:22:51.268Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.youtube.com/channel/UC8qc2AyBbNmvgIky6236nHA","language":"JavaScript","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/5t3ph.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}},"created_at":"2020-01-09T22:28:33.000Z","updated_at":"2024-11-29T15:34:17.000Z","dependencies_parsed_at":null,"dependency_job_id":"bdb7c678-9bfc-4b1c-8184-2cec34991ad9","html_url":"https://github.com/5t3ph/howtowebdev-starter","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/5t3ph%2Fhowtowebdev-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/5t3ph%2Fhowtowebdev-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/5t3ph%2Fhowtowebdev-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/5t3ph%2Fhowtowebdev-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/5t3ph","download_url":"https://codeload.github.com/5t3ph/howtowebdev-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249726870,"owners_count":21316507,"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":[],"created_at":"2024-10-01T17:40:50.813Z","updated_at":"2025-04-19T15:29:52.419Z","avatar_url":"https://github.com/5t3ph.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Learn How to Make a Website with Steph\n\n## Getting Started: Setup Working Environment\n\nThis is a blank project that will be the foundation built upon for each lesson in this course.\n\n[**Watch Episode 1 to learn how to use this \u003e**](https://youtu.be/C1jGdht7E44)\n\n[**Subscribe for access to all video courses \u003e**](https://www.youtube.com/channel/UC8qc2AyBbNmvgIky6236nHA/)\n\n[**Support this project on Patreon \u003e**](https://www.youtube.com/channel/UC8qc2AyBbNmvgIky6236nHA/) and get early access to new videos!\n\n[**View the main project repo \u003e**](https://github.com/5t3ph/howtowebdev) and give it a watch and star :)\n\n## VSCode Recommendations\n\nThe video series is conducted with the code editor (commonly referred to as an IDE) called [VSCode](https://code.visualstudio.com/download) which is freely available for download on both Windows and Mac.\n\nTo enhance your experience - and make full use of the tools available in modern web development - the following are recommended extensions for VSCode / beginners to web development.\n\nTo add these, open VSCode and navigate to \"Extensions\" which is found under the sidebar icon that looks like 4 blocks. Then search for the following names and select \"Install\".\n\n- **Auto Rename Tag** - reduces errors when changing an `HTML` or other type of programming language tag by updating the corresponding end tag as you change the opening tag\n- **Color info** - provides inline color information\n- **IntelliSense for CSS class names** - provides inline lookup and insertion of class names available in your project to reduce typos and eliminate the need to perform a manual lookup\n- **Prettier - Code formatter** - can be setup to format your code on file save which has benefits such as increasing readability by fixing differences in spacing\n\nNot critical but still useful is the option to change your editor color scheme and file panel icon scheme. For those I use the following, but many options are available:\n\n- **Material Icon Theme** - available as an Extension\n- **Solarized Dark** - one of the built-in options\n\n## Building and running the project\n\nFirst install dependencies:\n\n```sh\nnpm install\n```\n\nRun the project with automatic reloading:\n\n```sh\nnpm start\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F5t3ph%2Fhowtowebdev-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F5t3ph%2Fhowtowebdev-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F5t3ph%2Fhowtowebdev-starter/lists"}