React authentication using JSON Server REST API | Registration screen |React JS Full Course

No video

React authentication using JSON Server REST API | Registration screen |React JS Full Course

Рет қаралды 48,957

Күн бұрын

#reactjs #reactcrud #nihiratechiees
This is the part 1 video of React JS Authentication using JSON Server REST API . It's mainly focusing on implementing registration screen
Steps Followed
==================
1, Create new application
npx create-react-app appname
npm install bootstrap
npm i react-toastify
2, Implement Routing
npm install react-router-dom
3, Define & Run JSON Server REST API
json-server --watch db.json --port 8000
4, Design Registration page using bootstrap & HTML
5, Implement the Functionality
6, After success show the notification & Redirect to Login page
GitHub Source code link
---------------------------------------
github.com/nih...
Join this channel to get access to perks:
/ @nihiratechiees

Пікірлер: 66

@user-sy1od9og5g Жыл бұрын

Thank you man. Your video really helped me 🙏

@NihiraTechiees Жыл бұрын

Glad to hear 👍

@kanakaraju7655 Жыл бұрын

Thanks for videos. u are worth for ur tutorials plz do react ci/Cid pipelines configuration and webpack configuration ❤❤❤❤❤🎉🎉🎉🎉🎉

@NihiraTechiees Жыл бұрын

Will do in future

@bhumikachimlani8244 4 ай бұрын

Thank you for thetutorial. I am having one question, as we cannot run JSON server in production how this code will work in production. Thanks!

@NihiraTechiees 4 ай бұрын

You have to change api... This json api is only suitable for development until you don't have actual api.... Production we can go with actual API

@debmalyamukherjee6332 Жыл бұрын

sir plz make one complete e-commerce website for us, your video is awesome...i am interested to learn..sir

@NihiraTechiees Жыл бұрын

Will be added in my future plans

@satyasai5172 Жыл бұрын

I am following ur vedios

@NihiraTechiees Жыл бұрын

👍

@user-sy1od9og5g Жыл бұрын

Module not found: Error: You attempted to import ../node_modules/bootstrap/dist/css/bootstrap.min.css which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. I tried many times

@NihiraTechiees Жыл бұрын

Have you installed bootstrap? If yes please confirm whether your package.json has the bootstrap reference

@NihiraTechiees Жыл бұрын

Then check the file in the respective folder node_module/bootstrap/dist/css/ If may be min file not there

@user-sy1od9og5g Жыл бұрын

The problem is solved thank you

@NihiraTechiees Жыл бұрын

👍

@NihiraTechiees Жыл бұрын

It's part of routing. So install the package react-router-dom

@anuragmodak7182 Жыл бұрын

Failed to load resource: net::ERR_CONNECTION_REFUSED (Message from Inspect -> Console Tab) On screen displays -> Failed: Failed to fetch Getting this message every time I click the Register button.

@NihiraTechiees Жыл бұрын

I believe your api is not running

@anuragmodak7182 Жыл бұрын

@@NihiraTechiees How to solve it then? Any solutions?

@peerappahadimani5501 4 ай бұрын

json-server --watch db.json --port 8000 json server is not recognized I am getting error do u have any suggestions

@NihiraTechiees 4 ай бұрын

have you install json-server in your system?

@tejasparmar462 Жыл бұрын

Good

@NihiraTechiees Жыл бұрын

Thanks

@TheHelpOfNS Жыл бұрын

Hi sir , can you please make vedio for jest testing...test cases...for this form as well

@NihiraTechiees Жыл бұрын

I have some plan. Once it's finished will focus for testing also

@TheHelpOfNS Жыл бұрын

@@NihiraTechiees thanks

@pradosh68 Жыл бұрын

sir after typing sfc emet abriviation is not recommending sfc as in your video

@NihiraTechiees Жыл бұрын

Add Extension in your Visual studio code . "Extension name Simple React Snippets" follow this video kzfaq.info/get/bejne/rNNmhLSdmbGlYGQ.html

@marktrevor9621 Жыл бұрын

I really needed this tho I wanted to know if u cud do firebase role based auth

@NihiraTechiees Жыл бұрын

Will cover future

@satyasai5172 Жыл бұрын

Sir which topic next u will share

@NihiraTechiees Жыл бұрын

Implementing Login functionlity user json server api

@ABHISHEKKUMAR-wt1pw 11 ай бұрын

Can we give and random alphabet before .test() method to check email

@NihiraTechiees 11 ай бұрын

Yes, you can

@devanshsengar1877 Жыл бұрын

THANK YOU

@NihiraTechiees Жыл бұрын

Welcome🎉

@gauravsinghrajpoot3096 Жыл бұрын

what is toast.warning there, how you create it

@NihiraTechiees Жыл бұрын

It's external package using that we can create alert message. Look and feel is great. More details follow below video kzfaq.info/get/bejne/jL2Dmblpm9G3d40.html

@projects0126 10 ай бұрын

Is this alternative of express js?

@NihiraTechiees 10 ай бұрын

Not like that... But all UI framework have some similarity

@deenadhayalan1220 Жыл бұрын

I have doubt where addressing the duplicate registeration

@NihiraTechiees Жыл бұрын

That validation part not covered, if needed we have validate before api call

@deenadhayalan1220 Жыл бұрын

@@NihiraTechiees could you please guide me on that part , already json server itself can't able to register with same id.

@ruthra5398 Жыл бұрын

Does it work with javascript?

@NihiraTechiees Жыл бұрын

Yes

@KumariNeetu-wo6wp Жыл бұрын

why "failed to fatch" error is showing while login and ragiter After cloning this Project from github. can you plz tell me how to resolved this error.

@NihiraTechiees Жыл бұрын

Follow the video steps, don't depend on GitHub code. It's for just reference

@satyasai5172 Жыл бұрын

Sir can u share reactjs topics and interview questions

@NihiraTechiees Жыл бұрын

Sure will create separate video for Q& A soon

@yajna_foodtour 7 ай бұрын

json-server --watch db.json --port 8000 its not working sir

@NihiraTechiees 7 ай бұрын

Have installed json-server npm package

@curtpenote3906 5 ай бұрын

@@NihiraTechiees Do you know why i cant install json-server globally?

@saireddy2444 Жыл бұрын

Json-server is not found as a command

@saireddy2444 Жыл бұрын

I am getting error do u have any suggestions

@NihiraTechiees Жыл бұрын

What command you tried

@Gitartelitete 10 ай бұрын

where is the log in?

@NihiraTechiees 10 ай бұрын

kzfaq.info/get/bejne/eralhMSZy8ubnqs.html

@petros481 Жыл бұрын

Hi sir, please add the Login screen with validations

@NihiraTechiees Жыл бұрын

Sure, It will be available on 26th dec

@satyasai5172 Жыл бұрын

When u upload next vedio sir

@NihiraTechiees Жыл бұрын

Monday

@muruga3603 Жыл бұрын

@NihiraTechiees Жыл бұрын

👍

@user-sy1od9og5g Жыл бұрын

Module not found: Error: You attempted to import ../react-toastify/dist/ReactToastify.css which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. Now its giving me the Toastify problem