Full Stack Microsoft To Do Prototype With Next.js

Focused View

Travis Luong

2:30:42

8 View

1. Introduction

1. Introduction.mp4

05:37

2. Initial Setup.mp4

08:57

3. Resource Doc.html

2. Authentication

1. Authentication Lecture.mp4

03:55

2. Authentication Lab.mp4

21:09

3. Responsive App Shell

1. Responsive App Shell Lecture.mp4

03:24

2. Responsive App Shell Lab.mp4

28:15

4. Tasks Page

1. Tasks Page Lecture.mp4

01:54

2. Tasks Page Lab.mp4

53:28

5. Important And My Day

1. Important And My Day Lecture.mp4

00:25

2. Important And My Day Lab.mp4

23:38

6. Bonus

1. Bonus.html

Description

Rapid Prototype Microsoft To Do With Next.js, shadcn/ui, TailwindCSS, Drizzle ORM, TypeScript, SQLite, Auth.js

What You'll Learn?

Build a productivity tool prototype inspired by Microsoft To Do
Use shadcn/ui and TailwindCSS for layout and styling
Use Drizzle ORM and SQLite
Tips and techniques for rapid prototyping
Set up Credentials Provider authentication with AuthJS
Update database schema with Drizzle Kit
Build a mobile responsive App Shell
Use server actions for mutations

Who is this for?

Beginner to intermediate web developers

What You Need to Know?

Basic knowledge of Web Dev and Command Line is recommended

Basic knowledge of JavaScript and React is recommended

More details

Description
Hello and welcome to the Full Stack Microsoft To Do Prototype Course! I hope you're doing well. Join us on this coding adventure as we create a productivity tool inspired by the widely acclaimed Microsoft To Do App.

This course places a strong emphasis on rapid prototyping, guiding you through intentional trade-offs in our architecture to swiftly deliver a functional app. Throughout the journey, I'll share my personal tips and tricks for achieving quick results, invaluable for showcasing your work to potential clients, employers, or investors.

We'll explore cutting-edge technologies such as shadcn/ui and Drizzle ORM, alongside reliable frameworks like Next.js and TailwindCSS.

Here's a sneak peek at the comprehensive feature list:

- Authentication
- App Shell
- Sidebar Animation
- Grid Layout
- Dropdown Menu
- Dark Mode
- Starring A Task
- Drawer Component
- Tasks Page
- Important Page
- My Day Page
- Show Completed Toggle
- Add/Remove To My Day Toggle

It's essential to note that this course primarily follows a practical coding tutorial structure, sprinkled with a touch of theory. If you're seeking an in-depth guide on Next.js or another specific technology, there are more specialized courses available. Consider this a General Full Stack course, providing you with just enough knowledge of each tool to efficiently accomplish the task at hand. Get ready for an exciting coding journey!
Who this course is for:
Beginner to intermediate web developers

User Reviews

Rating

average 0

Total votes0

Focused display

Next JS

Travis Luong

Instructor's Courses

Hello. My name is Travis. I am a programmer. Welcome to my Udemy Profile.I am a Full Stack Developer with over a decade of experience developing web applications for a variety of clients and companies. I have built apps from the ground up for startups as well as worked on large enterprise systems. My current focus includes the following: - Front End Development: Next.js, React, TypeScript- Back End Development: Python, FastAPI, Java, SpringBoot, Node.js, TypeScript- DevOps: AWS, CircleCI, and Kubernetes

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.