itp-visual-journalism-fall-2023

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

itp-visual-journalism-fall-2023

★ 10 Open GitHub ↗

Code for Fall 2023 Visual Journalism course in ITP, NYU 🎓

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">
<h1>ITP Visual Journalism: Fall 2023</h1>
<img src="https://orfleisher.com/static/coronavirus-transmission-cough-6-feet-ar.6d375243.gif" /><br/>
<p>Code for Fall 2023 Visual Journalism course in ITP, NYU 🎓</p>
• <a href="#prerequisites">Prerequisites 💻</a> •
<a href="#classes">Classes ⚒️</a> •
<a href="https://drive.google.com/drive/folders/1ZynTz4IDYw-AfaugHCkkJxO_GMcBm7X5?usp=drive_link">Drive 🗃️</a> •
</div>

## Prerequisites

- [ ] Please setup a Glitch account in advance
  - [ ] Each class will have a Glitch project that you can remix and work on during class (listed below under [Classes](#classes))
  - [ ] Alternatively, if you prefer Github - you can clone this repo and work locally (see [How to run locally](#how-to-run-locally))
- [ ] Each class code section below links to the slides, code folder, full Glitch project and a Glitch starter project we use in class

## Classes

- Week 3 ([Slides](https://docs.google.com/presentation/d/14sR987jrd17l3FtTlq2vfp7UVmaCjtIsh2s0nLwHpkA/edit?usp=sharing))

- Intro to React ([Glitch](https://glitch.com/edit/#!/itp-visual-journalism-week3-intro-to-react) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-3/intro-to-react))
  - Intro to React Three Fiber ([Glitch](https://glitch.com/edit/#!/itp-visual-journalism-week3-intro-to-r3f) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-3/intro-to-r3f))

- Week 5 ([Slides](https://docs.google.com/presentation/d/1SXs8MSkbsMhADTiFQZfblComxE7Kk3jxLGT94PyLyr4/edit?usp=sharing))

- Scene Graph ([Full Glitch](https://glitch.com/edit/#!/itp-visual-journalism-week5-scene-graph-r3f?path=README.md%3A1%3A0) / [Glitch Class Starter](https://glitch.com/edit/#!/itp-visual-journalism-week5-scene-graph-r3f-starter) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-5/scene-graph-r3f))
  - Visual Explainers ([Full Glitch](https://glitch.com/edit/#!/itp-visual-journalism-week5-visual-explainers-r3f) / [Glitch Class Starter](https://glitch.com/edit/#!/itp-visual-journalism-week5-visual-explainers-r3f-starter) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-5/visual-explainers-r3f))

- Week 8 ([Slides](https://docs.google.com/presentation/d/1IcrqpxD9YnCR75S2cwPxP-5KWIA7jM-1fK3uzny5n3Q/edit?usp=sharing]))

- Materials ([Full Glitch](https://glitch.com/edit/#!/itp-visual-journalism-week8-materials-r3f) / [Glitch Class Starter](https://glitch.com/edit/#!/itp-visual-journalism-week8-materials-r3f-starter) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-8/materials-r3f))
  - Animated Highlights ([Full Glitch](https://glitch.com/edit/#!/itp-visual-journalism-week8-animated-highlights-r3f) / [Glitch Class Starter](https://glitch.com/edit/#!/itp-visual-journalism-week8-animated-highlights-r3f-starter) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-8/animated-highlights-r3f))

- Week 10 ([Slides](https://docs.google.com/presentation/d/1vN-h7zCo2AcoSsDMWMDXPczE0nj668kp3yNX-rYKrfw/edit?usp=sharing]))

- Data, Controls, Interactions ([Full Glitch](https://glitch.com/edit/#!/itp-visual-journalism-week10-data-controls-interactions-r3f) / [Glitch Class Starter](https://glitch.com/edit/#!/itp-visual-journalism-week10-data-class-starter) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-10/data-controls-interactions-r3f))

- Week 13 ([Slides](https://docs.google.com/presentation/d/1PlLXLvYaVFzo-uXJx3Uphp45l3rxF2t0G6I-BMPgt7w/edit?usp=sharing))
  - File Animations ([Full Glitch](https://glitch.com/edit/#!/itp-visual-journalism-week13-file-animations-r3f) / [Glitch Class Starter](https://glitch.com/edit/#!/itp-visual-journalism-week13-file-anim-r3f-class-starter) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-13/file-animations-r3f))
  - Post-processing ([Full Glitch](https://glitch.com/edit/#!/itp-visual-journalism-week13-post-processing-r3f) / [Glitch Class Starter](https://glitch.com/edit/#!/itp-visual-journalism-week13-post-processing-r3f-class-starter) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-13/post-processing-r3f))

## How to run locally

- Clone and install dependencies

```sh
git clone https://github.com/juniorxsound/itp-visual-journalism-fall-2023.git && cd itp-visual-journalism-fall-2023
```

- `cd` into the desired section and class code and install dependencies - e.g `cd classes/week-3/intro-to-react && npm install`
- Run development server `npm run dev`

itp-visual-journalism-fall-2023

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README