Awesome

<h1 align="center">Learning TypeScript Projects</h1> Hands-on real world projects that will help you exercise your knowledge of TypeScript. <img alt="Code Style: Prettier" src="https://img.shields.io/badge/code_style-prettier-14cc21.svg" /> <img alt="TypeScript: Strict" src="https://img.shields.io/badge/typescript-strict-14cc21.svg" /> <a href="https://github.com/LearningTypeScript/projects/actions/workflows/solutions.yml"> <img alt="Build Status: Build Passing" src="https://github.com/LearningTypeScript/projects/actions/workflows/solutions.yml/badge.svg" /> </a>  <a href="#contributors-"> <img alt="All Contributors" src="https://img.shields.io/badge/all_contributors-2-14cc21.svg" /> </a>  <img align="right" alt="Learning TypeScript title with a sun conure and O'Reilly logo" height="176px" src="./cover-conure.png" width="176px">

Welcome to the repository housing all of the projects for Learning TypeScript! I'm excited you're here -- whether you're using the projects to practice as you read the book, or just browsing.

Setup

Clone the repository to your computer, then run npm install to install packages.

git clone https://github.com/LearningTypeScript/projects learning-typescript-projects
cd learning-typescript-projects
npm install

Assuming that all succeeded, you're now ready to work on any and all projects! 🚀

Starting on Projects

Projects are located under the name of their chapter, such as arrays/analyzing-dna. Each has their own README.md with instructions on the commands to run from within that directory.

Don't forget to cd into a project's directory before running its commands!

Types of Projects

Each project follows a chapter in the Learning TypeScript book and aligns to one of the following three categories:

🥗 Appetizers: bite-sized directed warmups: set of independent mini-projects
🍲 Entrees: larger, more hands-off challenge: a single self-contained project
🍰 Desserts: the same structure as entrees, with a fun thematic twist

Contributors ✨

Thanks goes to these wonderful people (emoji key):

<table> <tbody> <tr> <td align="center"><a href="http://fuadolatunji.me"><img src="https://avatars.githubusercontent.com/u/65264054?v=4?s=100" width="100px;" alt="Fuad Olatunji"/> Fuad Olatunji</a> <a href="#infra-fuadop" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/LearningTypeScript/projects/commits?author=fuadop" title="Documentation">📖</a> <a href="https://github.com/LearningTypeScript/projects/issues?q=author%3Afuadop" title="Bug reports">🐛</a> <a href="#security-fuadop" title="Security">🛡️</a></td> <td align="center"><a href="https://github.com/sisPedro"><img src="https://avatars.githubusercontent.com/u/16280628?v=4?s=100" width="100px;" alt="sisPedro"/> sisPedro</a> <a href="#content-sisPedro" title="Content">🖋</a></td> <td align="center"><a href="https://benchong.dev/"><img src="https://avatars.githubusercontent.com/u/61606639?v=4?s=100" width="100px;" alt="Ben Chong"/> Ben Chong</a> <a href="#content-chonginator" title="Content">🖋</a></td> <td align="center"><a href="https://xavd.id"><img src="https://avatars.githubusercontent.com/u/1231935?v=4?s=100" width="100px;" alt="David Brownman"/> David Brownman</a> <a href="#content-xavdid" title="Content">🖋</a></td> <td align="center"><a href="http://agmyintmyatoo.github.io"><img src="https://avatars.githubusercontent.com/u/37968696?v=4?s=100" width="100px;" alt="agmyintmyatoo"/> agmyintmyatoo</a> <a href="#content-agmyintmyatoo" title="Content">🖋</a></td> <td align="center"><a href="http://owenboreham.tech"><img src="https://avatars.githubusercontent.com/u/73446766?v=4?s=100" width="100px;" alt="Owen Boreham"/> Owen Boreham</a> <a href="#content-bobrossrtx" title="Content">🖋</a></td> </tr> </tbody> </table>

This project follows the all-contributors specification. Contributions of any kind welcome!