Student Web Developer: Building a Next.js 13 GPA Wizard with Tailwind CSS & Shadcn UI

Live Website: https://gpa-calculator-two.vercel.app/ Shadcn Ui: https://ui.shadcn.com/ My GitHub Account: https://github.com/kylemastercoder14 My Facebook Account: https://facebook.com/kyleandre.lim29 My Email Address: kylemastercoder14@gmail.com Welcome to my channel! In this video, I'm excited to walk you through the creation of a powerful GPA Calculator application using cutting-edge technologies. Join me as I dive into the world of web development and showcase how I built a robust GPA Wizard using Next.js for seamless routing, Tailwind CSS for stunning visual design, and Shadcn UI for enhanced user interface components. Throughout this tutorial, you'll gain insights into the step-by-step process of crafting this application, from setting up the project to implementing dynamic calculations and creating an intuitive user experience. Whether you're a student eager to learn web development or a developer looking to explore these frameworks, this video has something for you. Expect to learn valuable coding techniques, design principles, and best practices for structuring your projects. By the end of this video, you'll have a deeper understanding of Next.js, Tailwind CSS, and Shadcn UI, and how they can be combined to create modern, efficient, and visually appealing web applications. Don't forget to like, subscribe, and hit the notification bell to stay updated on more exciting web development tutorials and projects. Let's embark on this coding journey together and unlock the potential of these fantastic technologies! TIMESTAMPS: 00:00 Intro 01:00 Environment Setup 03:30 Folder Setup 04:40 Getting Started 06:50 Installing Shadcn Ui 07:50 Adding Shadcn Components 08:58 Main Card 12:01 Inputs 14:07 Buttons 17:36 React Icons 21:53 Footer 23:06 Theme Toggle 34:37 Functionalities 39:53 Fixing Hydration Error 44:33 Handle Subjects 49:43 Compute GPA 55:21 Displaying Computed GPA 01:04:45 Displaying Inputted Subjects 01:08:33 Loading State 01:23:04 Creating Repository 01:24:15 Deployment

Видео Student Web Developer: Building a Next.js 13 GPA Wizard with Tailwind CSS & Shadcn UI автора Уроки по Vue: Просто и Понятно