TEAM 2137 Web App Template

Template Components & Setup Tutorials

Instructional Videos & Online Courses

These videos are a great way to learn about the various components and libraries that are included in the app.

 

Next.js

 

Typescript (Javascript with Types)

  • Learn TypeScript in 50 Minutes - TypeScript Beginner Crash Course | PedroTech's fast-paced crash course is perfect for learners who want a quick but thorough overview. It covers tsconfig, annotations, interfaces, unions, and more—all in under an hour.
  • Learn TypeScript – Full Tutorial | This 4+ hour deep dive by freeCodeCamp covers everything from basic types to advanced concepts like generics, type narrowing, and abstract classes. Ideal for learners who want a solid foundation with practical examples.
  • TypeScript Tutorial for Beginners | This concise and beginner-friendly guide introduces TypeScript fundamentals, compiler configuration, and debugging techniques. A solid pick for those just getting started.
  • TypeScript Full Course - From Beginner to Advanced | This structured course by Programming with Mosh-style creators includes chapters on static typing, advanced function types, classes, generics, and modules. Ideal for learners who appreciate a chapter-based format.

 

HTML & CSS

  • HTML Tutorial for Beginners: HTML Crash Course | A fast-paced crash course that explains how the web works, introduces HTML and CSS, and walks through DevTools and page validation. Ideal for visual learners.
  • HTML & CSS Full Course - Beginner to Pro | This 6+ hour course covers everything from HTML basics to advanced CSS techniques like Flexbox and Grid. Great for building a strong foundation and completing a full project.
  • HTML & CSS Full Course for free | Another full-length course that blends HTML and CSS with real-world examples like navigation bars, image galleries, and animations. Great for hands-on learners.

 

Next Authentication

 

Node Mailer

 

Saving Images (with Minio Storage)