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

#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/nihira2020/reactau...
Join this channel to get access to perks:
/ @nihiratechiees

[@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

[@satyasai5172]

I am following ur vedios

[@NihiraTechiees]

👍

[@tejasparmar462]

Good

[@NihiraTechiees]

Thanks

[@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

[@devanshsengar1877]

THANK YOU

[@NihiraTechiees]

Welcome🎉

[@bhumikachimlani8244]

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]

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

[@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 kzbin.info/www/bejne/rJ6ZgoSiabB0ZpI

[@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

[@marktrevor9621]

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

[@NihiraTechiees]

Will cover future

[@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

[@peerappahadimani5501]

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

[@NihiraTechiees]

have you install json-server in your system?

[@ABHISHEKKUMAR-wt1pw]

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

[@NihiraTechiees]

Yes, you can

[@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?

[@satyasai5172]

Sir which topic next u will share

[@NihiraTechiees]

Implementing Login functionlity user json server api

[@satyasai5172]

Sir can u share reactjs topics and interview questions

[@NihiraTechiees]

Sure will create separate video for Q& A soon

[@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 kzbin.info/www/bejne/jIi2l4lua9CGfbs

[@petros481]

Hi sir, please add the Login screen with validations

[@NihiraTechiees]

Sure, It will be available on 26th dec

[@projects0126]

Is this alternative of express js?

[@NihiraTechiees]

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

[@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

[@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.

[@satyasai5172]

When u upload next vedio sir

[@NihiraTechiees]

Monday

[@saireddy2444]

Json-server is not found as a command

[@saireddy2444]

I am getting error do u have any suggestions

[@NihiraTechiees]

What command you tried

[@murugand3603]

[@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

[@yajna_foodtour]

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

[@NihiraTechiees]

Have installed json-server npm package

[@curtpenote3906]

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

[@kmpfwgn8927]

where is the log in?

[@NihiraTechiees]

kzbin.info/www/bejne/eoHYgpSem8pqpNk