{"id":21206697,"url":"https://github.com/oncomouse/dhsi2019","last_synced_at":"2026-02-10T17:01:59.427Z","repository":{"id":149627997,"uuid":"138498136","full_name":"oncomouse/dhsi2019","owner":"oncomouse","description":null,"archived":false,"fork":false,"pushed_at":"2019-06-21T13:55:42.000Z","size":28218,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-01-21T15:48:50.985Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"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/oncomouse.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":"2018-06-24T16:34:13.000Z","updated_at":"2019-06-21T13:55:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"b0849003-eec9-47fe-ad50-fbed05e01d96","html_url":"https://github.com/oncomouse/dhsi2019","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/oncomouse%2Fdhsi2019","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oncomouse%2Fdhsi2019/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oncomouse%2Fdhsi2019/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oncomouse%2Fdhsi2019/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oncomouse","download_url":"https://codeload.github.com/oncomouse/dhsi2019/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243658777,"owners_count":20326564,"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-11-20T20:56:35.902Z","updated_at":"2026-02-10T17:01:54.361Z","avatar_url":"https://github.com/oncomouse.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Welcome to The Frontend @ DHSI 2019\n\nFor this week, we will be learning about advanced JavaScript (specifically the [React](https://reactjs.org) framework) and CSS (using [SASS](https://sass-lang.com/) and [Emotion.js](https://emotion.sh/docs/introduction)) in order to better understand how to make data-driven, responsive, and feature-rich applications using a modern software ecosystem.\n\n## Getting Started\n\n### Installing Software\n\n1. Install [Visual Studio Code](https://code.visualstudio.com/)\n1. Install [Node.js](https://nodejs.org/en/download/)\n1. Open Visual Studio Code\n\t1. In the menu, select `View -\u003e Extensions`\n\t1. In the sidebar that opens, search for \"eslint\" and install \"ESLint\" (should be the first result)\n\n### Downloading / Configuring Our Project Template\n\nWe will be using [Create React App](https://facebook.github.io/create-react-app/) to bootstrap our projects in class. Given that the wifi at DHSI can sometimes be spotty, you have two options for how to proceed. One option asks you to install some software yourself, which involves some light command line usage. The other asks you to download and unzip a binary file, hoping that the software I set up will work on your operating system (I tested this on macOS Mojave and Windows 10). Given that I have no way to test if pre-compiled software will run on your computer, option 2 *should* work but there may be problems.\n\n#### Option 1: Let's Use the Command Line!\n\nYou can [download the project as a Zip file here](https://github.com/oncomouse/dhsi2019-react/archive/master.zip) or you can clone `https://github.com/oncomouse/dhsi2019-react` using git. \n\nIf you downloaded the zip, unzip ([Windows instructions](https://support.microsoft.com/en-us/help/4028088/windows-zip-and-unzip-files); [macOS Instructions](https://www.lifewire.com/how-to-zip-and-unzip-files-and-folders-on-a-mac-2260188)) the file in a directory you'll remember (the convention is to store git-driven projects in `/Projects`). \n\nIf you cloned the project off of GitHub, move the folder to a directory you'll remember (the convention is to store git-driven projects in `/Projects`).\n\nNow, open Visual Studio Code and choose `File -\u003e Open` from the menu. Navigate to the directory where you stored the project and click on the folder for the project. Click on \"Open\".\n\nYou should see our project.\n\nIn the menu, choose `Terminal -\u003e New Terminal`. If you are on Windows, it may announce that you can configure your terminal, but you can ignore that for the purposes of our class.\n\nA terminal window should open at the bottom of your screen. In that window, type `npm install` and press \u003ckbd\u003eEnter\u003c/kbd\u003e. A bunch of information will scroll up on your screen, including one or more ASCII progress bars. It may also flash an error that also says you can ignore it, which you can. If you see any other errors, something may have gone wrong; try Googling the error or email me about it.\n\nIn the terminal, type `npm run start` to see if your install worked. It should open a web browser and show you a basic React app. If everything worked, type \u003ckbd\u003eCtrl+C\u003c/kbd\u003e in the terminal window back in Visual Studio Code, type `exit` and press \u003ckbd\u003eEnter\u003c/kbd\u003e. You may now close Visual Studio Code. You're done!\n\n#### Option 2: Download a file!\n\nPlease download the appropriate file for your computer:\n\n* [macOS](https://github.com/oncomouse/dhsi2019-react/raw/zips/dhsi2019-react-app-macos.zip)\n* [Windows](https://github.com/oncomouse/dhsi2019-react/raw/zips/dhsi2019-react-app-win.zip)\n\nUnzip ([Windows instructions](https://support.microsoft.com/en-us/help/4028088/windows-zip-and-unzip-files); [macOS Instructions](https://www.lifewire.com/how-to-zip-and-unzip-files-and-folders-on-a-mac-2260188)) the above archive and place the resulting folder somewhere where you can remember it (by convention, git-driven projects reside in the `/Projects` directory).\n\nYou can now open your project directory in VS Code if you want, but you should have everything you need for class.\n\n**Optional**: If you want to test what you've done, open Visual Studio Code. In the menu, choose `Terminal -\u003e New Terminal`. If you are on Windows, it may announce that you can configure your terminal, but you can ignore that for the purposes of our class. In the terminal, type `npm run start` to see if your install worked. It should open a web browser and show you a basic React app. If everything worked, type \u003ckbd\u003eCtrl+C\u003c/kbd\u003e in the terminal window back in Visual Studio Code, type `exit` and press \u003ckbd\u003eEnter\u003c/kbd\u003e. You may now close Visual Studio Code. You're done!\n\nIf the optional step doesn't work, delete the directory you created and try Option 1, as that will likely work.\n\nAlternately, please email me with information about what operating system you are using and any problems you had. I will be happy to sort out what's happening.\n\n## See you in Victoria!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foncomouse%2Fdhsi2019","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foncomouse%2Fdhsi2019","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foncomouse%2Fdhsi2019/lists"}