Build a Job Portal Website: ReactJs, Tailwind CSS & Firebase

Ready to create your own job portal website? Watch this step-by-step tutorial and build a fully functional job portal from scratch using the power of ReactJs, Tailwind CSS, and Firebase Firestore!

You will learn how to setup a React project with Vite, crafting a stunning user interface with Tailwind CSS, usage of state and props in React, creating a Firebase project and connecting it to your React app, building a dynamic job listing system, storing job data in Firebase Firestore , Real-time updates using Firebase Firestore. And much more!

Want full source code of the project? Drop a link in the comments!

#onlinejobportal #reactjs #webdevelopment #reactjsproject

=========================================

⏱ Timestamps:
(00:00) Intro
(00:35) Project Overview
(01:57) Install React with Vite
(03:01) Install Tailwind CSS
(05:31) Project Setup
(07:03) Navbar
(09:15) Header Section
(11:11) Search Bar
(15:02) Job Card
(27:19) Fetching data from a dummy js file and using props
(35:35) Why to use a database?
(36:49) Setting up Firebase Firestore
(40:20) Adding data to the database
(43:48) Fetching data from database
(53:00) Ordering the data fetched
(54:57) Custom fetching of data from the database
(01:04:55) Applying Clear Filter Option
(01:08:23) Outro

► Support me to make more such videos

► Follow Me On Social Media

[somilagarwal]

Thankuh, So much ma'am for this wonderful project, PLEASE ma'am we need more Projects on React and Tailwind CSS like this..

[utiara]

Thank you maam for the tutorial, i tried a lot of online tutorials for getting a grasp over react, but this one really helped..thank you for the same..please upload more projects so that we can learn how to build complex projects from scratch like a developer

[pixelsquaredigital]

thanks for the video such a simple way to learn react and implement. i have learned till 24minutes of video and will complete the work till end. keep you posted when i make to the end.

[positive.sukoon]

Thankyou for this project it help me to learn a lot

I request you to make a video on complete e-commerce website with functionality like product filtering, search, add to cart, etc

[jerriejd]

I liked, I learnt, I subscribed...need more videos from react

[Tooms]

The happiness of running our code we can see in face 😅

[vansh.vardhanjha]

At 7:40 you should have told that you are using an extension called E7S + React. I tried rfce and got reflect.

[rehankhan-glq]

ye projectko frontend project bolege ya backed project please reply

[Nashir-rmsn]

Great job mam, It's really help to learn and think about something new 😀😀😀

[opencode]

<thank you very much, what i liked is thta you explain every process every thought. i am subscribed now

[midlajahmad-cs]

really informative and explained well...

[shobhitverma]

Hello Maa'm,
The top heading that you've created isn't fully responsive. It's causing overflow problem when 192px

[SaiVivek-cgqg]

Mrs. Gara I am getting error while calling from fire-base... Could please once look into it.

[aditya-d-]

Mam there is plugin for react that auto import the components

[AnkushSingh-oczt]

your video is amzing mam pls make a video on how online payment is work how to make payment procesing it

[umairbashir]

Hi mam..I hop you're doig well..mam im following your reactjs series and projects..Here in this project im facing the issue while searching custom jobs..when i click on search button it through this error please help me i have tried my best but in vain:
Uncaught (in promise) FirebaseError: Function where() called with invalid data. Unsupported field value: undefined

[karthikraj]

the select drop down is not styled properly after applying class its not getting styled like in your video

[ganeshpinireddy]

Hi
I am getting error while fetching through filters could you please help me.

[__]

I did everything in the same manner but my code didn't run there were lots of error in the starting only

[vishwateja]

mam after adding components in src it is showing emphasized items can u explain what it means can u give some solution for it