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
Ratings 4.28 / 5.00
What You Will 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
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 Should Attend!
- Beginner to intermediate web developers