Build and Deploy a React Dashboard With Hostinger

In this video I build a React admin dashboard using Vite, Tailwind, Tremor Components and as a bonus - I'll show you how to deploy this project live to the web using Hostinger.
👉👉 Get 75% off with Hostinger’s special deal: www.hostinger.com/codecommerce (use code CODECOMMERCE for an extra 10% off)
🔥 Hostinger🔥
bit.ly/HostingerCodeCommerce
Github Repo
github.com/fireclint/react-da...
0:00 - Project Overview
01:20 - Create Vite App
03:45 - Install Tailwind CSS
05:30 - Sidebar Component
08:52 - Install Hero Icons
16:20 - Header Component
17:01 - Install Tremor
20:00 - Text Input
25:50 - Main Grid Layout
30:37 - (3) Card Components
35:50 - Area Chart
39:30 - Table Component
44:30 - Donut Chart w/ State
1:01:30 - Bar List Component
1:05:31 - List Component
1:06:50 - Hostinger Overview - Deploy
ZeroTo Mastery:
Master React JS Course - bit.ly/Learn-React-JS
Complete Web Developer in 2023 - bit.ly/Complete-Web-Developer
💻 Solve EDABIT coding challenges - BEGINNER! 💻
bit.ly/Code-Challenges
🔥 Connect with me on IG 🔥
/ fireclint
☕ Support the channel ☕
www.buymeacoffee.com/clintbriley
🔥 My Coding Equipment 🔥
Logitech MX Wireless Keyboard - amzn.to/3xKPFiN
Logitech MX Master 2S Wireless Mouse - amzn.to/3O5WmRD
SAMSUNG 49-Inch Gaming Monitor - amzn.to/3mvUy8M

[@shakir3373]

More Tailwind React projects please

[@patrap4625]

Thanks for taking your time to make this video.I learnt something new.

[@niteshprajapat7918]

We need you Sir 🎉❤️

[@dafkeduck1309]

Love the way you explain everything, nice simple and not to fast! Thx for the great tutorials!

[@codecommerce]

Thanks!

[@adenugbamicheal2140]

We love if upcoming project can be finance app tracker or job board...nice one boss

[@CoderBoy2004]

Bro your theme is awesome 👍

[@francauche01]

Love this tutorial

[@Deus-lo-Vuilt]

Thanks for video

[@yacineelhafidy5710]

i really appreciate, i'm a beginner and i descover with you new things but i have a note, you go a head speedly somtimes, which give me the impression that i lost the connection, so, if you want to do some tutorials focussing upon the layout of the page with tailwind and explain slowly how to design it, finally i wanna thank you for your effort and i really appreciate you.

[@hoff_mann]

what theme do you use?

[@chrisyhaigh6483]

amazing video man. i am having problems deploying though. ive done everything you say regarding npm run build to get the dist folder etc. i upload the dist folder to hostinger but my page is blank white. No console errors either

[@chebby111]

Do you know how to create a toggle for light/dark mode?

[@Credi6464]

Would we need some extra setup if the React App uses routes (react-router-dom)? I don't wanna buy a plan and discover later that i can't work with routes

[@codecommerce]

No extra plan is required to use React-router-dom - that’s all on the client side :)

[@Yuanda35]

I like your videos.

[@codecommerce]

Thank you!

[@ismailananouche9980]

this is an admin pannel or user?

[@codecommerce]

Whatever you want it to be :)

[@gutso3373]

Source code pls

[@codecommerce]

Just uploaded the GH repo

[@aguud]

@@codecommerce thanks

[@imanardiansyah2621]

First

[@SaintHanappi]

Absolutly mindblowing. Thank you Sir! As a newbie (you will spend a lot of time threw your great content) kindly asked: is there (maybe) a follow-up possible? Like CRUD to a database and get the values to "our" (your 🫶) dasboard. Could be helpfull for many beginners.