Build a React.js Quiz App with Asp.Net Core API



Complete Quiz App with React and Asp.Net Core API

In this video, we’ve built a quiz app from scratch using react.js and asp.net core API. We’ve used React Material UI as Front End UI Framework.

You could learn about full-stack development using this framework.

Discussion @ Times
____________________
0:00:00 – Quick Demo
0:00:33 – Create React App
0:03:48 – Design Login Form
0:13:59 – Form Validation
0:20:29 – Create Asp.Net Core API
0:35:18 – User Registration
0:41:11 – Configure Context API
0:50:00 – Routing Configuration
0:56:56 – Questions in the Quiz
1:23:35 – Quiz Result
1:34:09 – Submit Quiz Result
1:39:29 – Show Correct Answers with Qns.
1:46:26 – Protected Routes

✨ Recommended Courses
➤ React : https://bit.ly/35pLyZP
➤ .Net Core API : https://bit.ly/3zaRaWY
➤ React + .Net Core API : https://bit.ly/35v8rez
➤ React + Material UI : https://bit.ly/2IKzMS4
➤ Real World Projects in React : https://bit.ly/3JeUZPw
➤ Complete Web Development Bootcamp : https://bit.ly/3b92YAQ

📂 Download Project Source Code
➤ https://bit.ly/3iel44d

💖 Show Your Support ( Donation )
➤ https://bit.ly/3L36ut4 (PayPal)
➤ https://bit.ly/36lvWdV (Cards, Gpay, Apple Pay, UPIs)

🌀 Related Videos ___
https://bit.ly/36I1zuH : Material UI Tutorial
https://bit.ly/2ZoeShN : Best Practices in React Form Design
https://bit.ly/3i6TQfS : JS Array Reduce Method
http://bit.ly/2t0op0W : CRUD with React and Asp.Net Core API
http://bit.ly/2uqjZRz : React CRUD with and without Redux
https://goo.gl/ijPZQk : .Net Core Web API CRUD with Angular 7
https://goo.gl/AL18CP : Asp.Net Core MVC CRUD

Subscribe to this channel Link to this video
➤ https://goo.gl/RFY5C2 ➤ https://bit.ly/3MkvBrh

📚 Must-Read Books for All Programmers
Code Complete(2nd Edition) : https://geni.us/s6AK9t
The Art of Computer Programming : https://geni.us/Ko4H8m
Clean Code : https://geni.us/Jf9EBTB
Design Patterns : https://geni.us/OMPP
The Pragmatic Programmer : https://geni.us/8UM9F

💰 Purchase for Developers
💻 Laptops
MacBook Pro with M1 Chip : https://geni.us/7KGvnCU
Dell XPS 9570 : https://geni.us/rYB6
Microsoft Surface:https://geni.us/BJgeM
MacBook Air with M1 Chip : https://geni.us/fHZzRiB
ASUS ZenBook 13 : https://geni.us/LDKE
Lenovo Ideapad : https://geni.us/Mwvg2
⌨️ Keyboard : Das 4 Professional : https://geni.us/hkAdzi

🎬 All Playlist
http://bit.ly/2KQN9xF : Angular
http://bit.ly/30fPDMg : Asp.Net Core
http://bit.ly/325temF : React
http://bit.ly/2ws4utg : Python
https://goo.gl/viJcFs : Node.js
https://goo.gl/gvjUJ7 : Asp.Net MVC
https://bit.ly/3ggmmJz : Flutter
https://goo.gl/itVayJ : Web API
https://goo.gl/YJPPAH : MEAN Stack
https://goo.gl/s1zJxo : C# Tutorial
https://goo.gl/GXC2aJ : Asp.Net WebForm
https://goo.gl/vHS9Hd : C# WinForm
https://goo.gl/MLYS9e : MS SQL
https://goo.gl/5Vou7t : Crystal Report
https://goo.gl/qEWJCs : CG Exercises in C Program

🌟 About this Channel
CodAffection – [ 1 hour content weekly ].
This channel is all about teaching and motivating software developers to build applications/
websites in various technologies/ programming languages like Angular, React, NodeJS, Python, Asp.Net, C#, JavaScript, SQL, etc.
► For Sponsorship Contact here: https://bit.ly/2TjOt0q

🔗 Social Media Links
Blog : http://www.codaffection.com
Facebook : https://www.facebook.com/codaffection
Twitter : https://twitter.com/codaffection
Youtube : https://youtube.com/codaffection
GitHub : https://github.com/codaffection

#QuizApp #reactjstutorial #CodAffection

Comments are closed.