https://github.com/saifiimuhammad/learnwithme-typescript
A beginner-friendly TypeScript course repository that covers fundamental TypeScript concepts along with practical projects.
https://github.com/saifiimuhammad/learnwithme-typescript
course javascript nodejs react shadcn tutorial typescript
Last synced: about 1 month ago
JSON representation
A beginner-friendly TypeScript course repository that covers fundamental TypeScript concepts along with practical projects.
- Host: GitHub
- URL: https://github.com/saifiimuhammad/learnwithme-typescript
- Owner: saifiimuhammad
- Created: 2025-03-16T14:36:30.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2025-03-16T14:53:56.000Z (11 months ago)
- Last Synced: 2025-06-11T02:05:43.118Z (8 months ago)
- Topics: course, javascript, nodejs, react, shadcn, tutorial, typescript
- Language: TypeScript
- Homepage:
- Size: 572 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# 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:
```sh
npm install -g typescript
```
### 2️⃣ Compile TypeScript Code
To compile a TypeScript file into JavaScript:
```sh
tsc index.ts
```
To watch for changes and auto-compile:
```sh
tsc index.ts -w
```
To initialize a TypeScript project with a config file:
```sh
tsc --init
```
### 3️⃣ Running a Project
To run the TypeScript projects, navigate into a folder (e.g., `dist/`) and run:
```sh
node index.js
```
For the React project inside `react-in-ts/`, use:
```sh
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.