LearnWithMe - TypeScript

A beginner-friendly TypeScript course repository that covers fundamental TypeScript concepts along with practical projects.

📌 Overview

This repository is a complete TypeScript learning resource, including:

• Core TypeScript concepts
• How to compile and run TypeScript files
• Small projects and exercises to practice TypeScript
• A React project with TypeScript

📁 Folder Structure

Typescript-Course/
│-- dist/                 # Compiled JavaScript output
│-- react-in-ts/          # React project with TypeScript
│-- single-lingo/         # Another TypeScript project
│-- src/                  # Main TypeScript source files
│-- tsconfig.json         # TypeScript configuration file

🚀 Getting Started

1️⃣ Install TypeScript

Ensure you have TypeScript installed globally:

npm install -g typescript

2️⃣ Compile TypeScript Code

To compile a TypeScript file into JavaScript:

tsc index.ts

To watch for changes and auto-compile:

tsc index.ts -w

To initialize a TypeScript project with a config file:

tsc --init

3️⃣ Running a Project

To run the TypeScript projects, navigate into a folder (e.g., dist/) and run:

node index.js

For the React project inside react-in-ts/, use:

cd react-in-ts
npm install
npm start

📦 Projects Included

1. Single Lingo

A TypeScript-based project that focuses on fundamental concepts and showcases TypeScript features in React.

1. Todo App

A TypeScript-based project that focuses on fundamental concepts and showcases TypeScript features.

2. React in TypeScript

A basic React project demonstrating how to use TypeScript with React for type-safe component development.

🤝 Contributions

Feel free to contribute or improve this repository by making pull requests!

📜 License

This project is open-source and free to use.