This repository presents a simple JavaScript web application and demonstrates how it can be converted into TypeScript with some basic alterations. To facilitate some of this, the app uses Node and the webpack module under the hood.
The app itself merely displays a random quote, which the user can change with the click of a button. The quotes come from Bartlett's Familiar Quotations (18th edition).
We will go through the transformations and upgrades to the app over the course of three sessions. The code necessary for each session is stored in its own subfolder.
Wanda is a resident of Slalom Town. She runs a website called Wanda's Wisdom where she shares quotes she obtained from the distant realm of Earth. Currently, her site is written in JavaScript, but she's learned that static typing could make her site easier to maintain for future developers. As a result, she needs someone to convert her site to TypeScript in order to gain those benefits.
- Make sure you have already forked the main repository to your own account and cloned it to your local computer
- Within the Slalom Quests directory, enter into this app's folder:
cd wandas-wisdom - Enter into the subfolder related to the session you want to work off of; for example, to work with the code for the first session:
cd session-1 - Switch to the start branch:
git checkout start - Install all Node modules:
npm i - Start the app:
npm run start
The last command will build then serve the app by using webpack, allowing you to view it at http://localhost:8080. Any changes you make to the code will automatically update the running site. Any errors will be displayed in your terminal.