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

Подписаться 21 тыс.

Просмотров 50 тыс.

50% 1

#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

Опубликовано:

30 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 68

@NtlantlaSimelela-h7l Год назад

Thank you man. Your video really helped me 🙏

@NihiraTechiees Год назад

Glad to hear 👍

@peerappahadimani5501 5 месяцев назад

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

@NihiraTechiees 5 месяцев назад

have you install json-server in your system?

@Vthoen 29 дней назад

Great job on the video. thx bro

@NihiraTechiees 28 дней назад

Glad to hear

@bhumikachimlani8244 5 месяцев назад

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 5 месяцев назад

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

@NtlantlaSimelela-h7l Год назад

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

@NtlantlaSimelela-h7l Год назад

The problem is solved thank you

@NihiraTechiees Год назад

👍

@NihiraTechiees Год назад

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

@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

@yajna_foodtour 8 месяцев назад

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

@NihiraTechiees 8 месяцев назад

Have installed json-server npm package

@curtpenote3906 6 месяцев назад

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

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

@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 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-vm6QQl4KA00.html

@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 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VWSfV86kSGY.html

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

@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

@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

@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

@marktrevor9621 Год назад

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

@NihiraTechiees Год назад

Will cover future

@satyasai5172 Год назад

Sir can u share reactjs topics and interview questions

@NihiraTechiees Год назад

Sure will create separate video for Q& A soon

@satyasai5172 Год назад

When u upload next vedio sir

@NihiraTechiees Год назад

Monday

@Gitartelitete 11 месяцев назад

where is the log in?

@NihiraTechiees 11 месяцев назад

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-DPuQahfe7nw.html

@saireddy2444 Год назад

Json-server is not found as a command

@saireddy2444 Год назад

I am getting error do u have any suggestions

@NihiraTechiees Год назад

What command you tried

@satyasai5172 Год назад

Sir which topic next u will share

@NihiraTechiees Год назад

Implementing Login functionlity user json server api

@petros481 Год назад

Hi sir, please add the Login screen with validations

@NihiraTechiees Год назад

Sure, It will be available on 26th dec

@satyasai5172 Год назад

I am following ur vedios

@NihiraTechiees Год назад

👍

@devanshsengar1877 Год назад

THANK YOU

@NihiraTechiees Год назад

Welcome🎉

@tejasparmar462 Год назад

Good

@NihiraTechiees Год назад

Thanks

@muruga3603 Год назад

@NihiraTechiees Год назад

👍

@NtlantlaSimelela-h7l Год назад

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

@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