shadcn ui - build dashboards with shadcn ui components, including shadcn ui, tailwindcss, and Next JS (shadcn ui 2024)
What you'll learn:
Increase your value and improve your knowledge as a web developer
Learn how to build a dashboard with shadcn ui
Learn client side validation with zod and react-hook-form
Learn how to create beautiful charts and data visualizations using recharts
Requirements:
Have a good understanding of Javascript and React
Experience with Tailwind CSS would be beneficial
If You Need More Stuff, kindly Visit and Support Us -->> https://FreeCourseWeb.com
Get More Tutorials and Support Us -->> https://DevCourseWeb.com
We upload these learning materials for the people from all over the world, who have the talent and motivation to sharpen their skills/ knowledge but do not have the financial support to afford the materials. If you like this content and if you are truly in a position that you can actually buy the materials, then Please, we repeat, Please, Support Authors. They Deserve it! Because always remember, without "Them", you and we won't be here having this conversation. Think about it! Peace...
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
~Get Your Files Here !/1. Introduction/1. Important! Read this before you start the course! (Github repo etc).html
1.6 KB
~Get Your Files Here !/1. Introduction/2. Project overview.mp4
26.3 MB
~Get Your Files Here !/1. Introduction/3. Udemy ratings and reviews.mp4
11.5 MB
~Get Your Files Here !/1. Introduction/4. Set up new Next JS project and install shadcn ui.mp4
49.6 MB
~Get Your Files Here !/2. Build the landing page/1. Add the landing page text and buttons.mp4
72.3 MB
~Get Your Files Here !/2. Build the landing page/2. Tidying up the landing page styles and link to login and signup pages.mp4
119 MB
~Get Your Files Here !/2. Build the landing page/3. Customise shadcn ui theme.mp4
81.8 MB
~Get Your Files Here !/2. Build the landing page/4. Build the light and dark mode toggle.mp4
128.6 MB
~Get Your Files Here !/3. Build the login page/1. Add the login page and card.mp4
70.8 MB
~Get Your Files Here !/3. Build the login page/2. Create the login form.mp4
203.2 MB
~Get Your Files Here !/4. Build the sign up page/1. Add the sign up page and card.mp4
24.9 MB
~Get Your Files Here !/4. Build the sign up page/10. Add the password and confirm password fields.mp4
97.2 MB
~Get Your Files Here !/4. Build the sign up page/10.1 Password input.txt
200 B
~Get Your Files Here !/4. Build the sign up page/11. Create a custom PasswordInput component.mp4
99.7 MB
~Get Your Files Here !/4. Build the sign up page/12. Add the terms and conditions checkbox.mp4
67 MB
~Get Your Files Here !/4. Build the sign up page/2. Add the account type select field.mp4
75.7 MB
~Get Your Files Here !/4. Build the sign up page/3. Add the company name and employees fields and validation.mp4
68.5 MB
~Get Your Files Here !/4. Build the sign up page/4. Add the date of birth validation.mp4
54 MB
~Get Your Files Here !/4. Build the sign up page/5. Add the date of birth field with Popover.mp4
83.8 MB
~Get Your Files Here !/4. Build the sign up page/6. Customize the Calendar.mp4
142 MB
~Get Your Files Here !/4. Build the sign up page/7. Render selected date + custom dropdowns for month year selection.mp4
143.1 MB
~Get Your Files Here !/4. Build the sign up page/8. Add the dropdown captions and years values.mp4
120.7 MB
~Get Your Files Here !/4. Build the sign up page/9. Hook up month and year navigation anytime the custom dropdown values change.mp4
38.1 MB
~Get Your Files Here !/5. Build the dashboard layout/1. Create the dashboard layout.mp4
47.2 MB
~Get Your Files Here !/5. Build the dashboard layout/2. Create the MenuTitle.mp4
48.1 MB
~Get Your Files Here !/5. Build the dashboard layout/3. Build out the side panel menu items.mp4
73.4 MB
~Get Your Files Here !/5. Build the dashboard layout/4. Add the sidebar footer with Avatar.mp4
90.9 MB
~Get Your Files Here !/5. Build the dashboard layout/5. Add the missing pages and refactor HTML tags.mp4
36.6 MB
~Get Your Files Here !/6. Build the My Dashboard page/1. Add the employees stats and teams stats tabs.mp4
35.4 MB
~Get Your Files Here !/6. Build the My Dashboard page/10. Add the team leaders card content.mp4
89 MB
~Get Your Files Here !/6. Build the My Dashboard page/10.1 cm.jpg
131.2 KB
~Get Your Files Here !/6. Build the My Dashboard page/10.2 rl.jpg
237.3 KB
~Get Your Files Here !/6. Build the My Dashboard page/10.3 teamLeaders.ts
10.6 KB
~Get Your Files Here !/6. Build the My Dashboard page/10.4 tf.jpg
250.8 KB
~Get Your Files Here !/6. Build the My Dashboard page/11. Add the team distribution pie chart.mp4
96.7 MB
~Get Your Files Here !/6. Build the My Dashboard page/11.1 data-pie.ts
10.2 KB
~Get Your Files Here !/6. Build the My Dashboard page/12. Add the support tickets resolved line graph.mp4
113.6 MB
~Get Your Files Here !/6. Build the My Dashboard page/2. Add the data Cards.mp4
32.6 MB
~Get Your Files Here !/6. Build the My Dashboard page/3. Start adding the Card content.mp4
77.7 MB
~Get Your Files Here !/6. Build the My Dashboard page/4. Extend the shadcn ui Button component.mp4
27.4 MB
~Get Your Files Here !/6. Build the My Dashboard page/5. Add the employees present card content.mp4
96.7 MB
~Get Your Files Here !/6. Build the My Dashboard page/6. Add the employee of the month card content.mp4
72.4 MB
~Get Your Files Here !/6. Build the My Dashboard page/6.1 cm.jpg
141.2 KB
~Get Your Files Here !/6. Build the My Dashboard page/6.2 rl.jpg
237.3 KB
~Get Your Files Here !/6. Build the My Dashboard page/6.3 tf.jpg
250.8 KB
~Get Your Files Here !/6. Build the My Dashboard page/7. Create the stacked bar chart with recharts.mp4
145.7 MB
~Get Your Files Here !/6. Build the My Dashboard page/7.1 data.ts
678 B
~Get Your Files Here !/6. Build the My Dashboard page/8. Finish the bar chart.mp4
141.3 MB
~Get Your Files Here !/6. Build the My Dashboard page/9. Create the teams stats component.mp4