Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Full Stack Microsoft To Do Prototype With Next.js
Rating: 4.2 out of 5(6 ratings)
47 students

Full Stack Microsoft To Do Prototype With Next.js

Rapid Prototype Microsoft To Do With Next.js, shadcn/ui, TailwindCSS, Drizzle ORM, TypeScript, SQLite, Auth.js
Created byTravis Luong
Last updated 3/2024
English

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

Course content

6 sections12 lectures2h 32m total length
  • Introduction5:37
  • Initial Setup8:57
  • Resource Doc0:53

Requirements

  • Basic knowledge of Web Dev and Command Line is recommended
  • Basic knowledge of JavaScript and React is recommended

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