User Authentication Page using React & Supabase
A Hands-on Guide for building a simple authentication system
Course Outcomes
- Acquire knowledge of React through hands-on examples.
- Understand the practical application of concepts like sessionStorage, JSON, Promises, Fetch, etc.
- Develop a modern authentication system using JSON web tokens.
Course Structure
8 lectures • 59m total duration
About This Course
The course is designed to teach you how to create a robust, secure, and scalable authentication system using React and Supabase. This system replaces traditional PHP sessions and is more robust, secure, and scalable.
Supabase, an open-source alternative to Firebase, is used in this course. It allows you to create frontends without having to worry about repeated things like authentication and database backup, maintenance, and security. You can start using Supabase with their Free Tier immediately, which is a great deal without having to pay anything
Throughout the course, you will learn how to secure user-generated information before inserting it into the database, use JavaScript to implement JSON Web Tokens (JWT), update tokens periodically for a smooth user experience, manage the browser's integrated sessionStorage feature, and make fetch() requests to React pages to get data stored in Supabase tables.
The course is designed to be hands-on, with step-by-step instructions allowing you to build a system and understand these topics in depth. You will have the opportunity to work along with the code and check the provided resource files for reference.
The course is ideal for those who want to focus on frontend and provide the best possible experience for their clients without having to worry about backend database management and authentication systems. It introduces you to the concept of "no-backend" and serverless web development, where the backend is cloud-based and managed for you automatically. This is a growing trend in web development, moving away from managing your own backend servers.
By the end of the course, you'll have a thorough understanding of the philosophy of Supabase and you would be able to dive even deeper into your particular use case. This is supposed to be the first step in your journey towards managed backends. This is not a comprehensive guide to everything. Take this first step and the rest of the stuff will be much, much easier for you.
Used by learners at
Course Requirements
- Understanding of JavaScript
- Basics of React
Student Feedback
50%
50%
0%
0%
0%
Course Instructor
As a software developer and UI/UX designer, I have a passion for creating intuitive and visually appealing digital experiences. With over 2 years of experience in the industry, I have a strong foundat...View profile
Includes Certificate of Completion
Add this credential to your LinkedIn profile, resume, or CV. You can share it on social media and in your performance review.
What's in the course?
- 8 video lectures
- GPT-4 level AI assistance
Upgrade to a Pro account and unlock more courses for accelerated learning. Instant feedback, interactive learning and more.
Free
- 100+ coding courses
- Certificate of completion
- Hands-on practice
- 24x7 doubt solving with AI
- 100+ projects to practice
- In-depth project feedback
- AWS cloud sandboxes
Pro
- 100+ coding courses
- Certificate of completion
- Hands-on practice
- 24x7 doubt solving with AI
- 100+ projects to practice
- In-depth project feedback
- AWS cloud sandboxes