DEV Community: Rivaan Ranawat

10 Hour Free Tutorial to Build a Full Stack Whatsapp Clone

Rivaan Ranawat — Wed, 13 Jul 2022 13:49:10 +0000

Learn how to Build a Full Stack Whatsapp Clone with Flutter, Firebase & Riverpod 2.0 in this 10 hour FREE tutorial!
This tutorial covers all the main features of a chatting app: Phone Number Authentication, One to one & Group chatting with contacts only - includes text, image, gif, video, audio (with recording) sharing and image & video caching, status visible to contacts only and disappears after 24 hours, video calling (one-one and group), online/offline status, Message Seen Feature, Automatic Scrolling on New Message, Replying to Messages and much more!

Prerequisite: Basics of Flutter & Dart

Link: https://youtu.be/yqwfP2vXWJQ

Tutorial to Build Decentralised Applications using Flutter!

Rivaan Ranawat — Thu, 26 May 2022 13:58:18 +0000

Start building your own Decentralised Applications with Flutter after watching this quick tutorial!

https://youtu.be/2Jx95kYfYbM

Tutorial To Build Full Stack Amazon Clone with Admin Panel

Rivaan Ranawat — Thu, 19 May 2022 14:09:36 +0000

Tutorial to Build Full Stack Amazon Clone along with Admin Panel using Flutter, Node.js, Express and MongoDB for beginners!

Link: https://youtu.be/O3nmP-lZAdg

This video covers the complete UI of Amazon including features like auth with email/password, cart, searching products, fetching them based on category, rating them, fetching deal of the day, checking out using GPay/Apple Pay, viewing the orders, the details of the order along with their status which can be changed from the admin panel, view total sales and graph of sales based on category.

Build Multiplayer TicTacToe using Flutter & Node.js

Rivaan Ranawat — Sat, 30 Apr 2022 14:09:09 +0000

Learn to build an online multiplayer tic-tac-toe game. This game uses Flutter, Node.js, Express, Socket.io, MongoDB and Mongoose. This Flutter tutorial is for beginners looking to get some experience in Node + Flutter. You will learn to create and join rooms, play realtime without having the need to refresh the screen, display points and create a glow themed UI in Flutter. We will build an app available for Android, iOS, Web & Desktop!

Link: https://youtu.be/Aut-wfXacXg

Flutter Firebase Auth Course

Rivaan Ranawat — Sat, 16 Apr 2022 16:21:34 +0000

Learn about Firebase Authentication with Flutter that includes Email/Password Signup & Login, Google Sign In, Facebook Sign In, Phone Verification, FlutterFire CLI & State Management using Provider which works on Android, iOS and Web!

Link: https://youtu.be/u8H652UY-L8

Tutorial to Build Live Streaming App - Twitch Clone

Rivaan Ranawat — Sat, 19 Mar 2022 13:44:33 +0000

Build a Live Streaming App - Twitch Clone using Flutter, Firebase, Agora & Golang for Android, iOS, Web and MacOS.

Link: https://youtu.be/U9YKZrDX0CQ

Features:

Email & Password Authentication
Screensharing
Selecting Thumbnail
Going Live
Joining LiveStream
Switching Camera
Muting/Unmuting
Chatting
Cross Platform
Responsive UI
Token Generation using GO (Create Your API)
Deploy Server
Deploy Website

Tutorial to Build Zoom Clone

Rivaan Ranawat — Wed, 02 Mar 2022 13:53:32 +0000

Build Zoom Clone with Flutter, Firebase & Jitsi Meet!

Link: https://youtu.be/sMA1dKbv33Y

Google Sign In
Create New Meeting
Join Meeting
Mute/Unmute Audio
Mute/Unmute Video
Change Display Name while Joining
Raise Hand
Start Screen Sharing
Mute Everyone
Start Live Stream
Screen Share
Chat
Switch Front/Rear Camera
Picture in Picture
Enter Tile View
Disable Camera
End Call
See Your Meeting History
Log out

Flutter Tutorial to Build Image Editor App

Rivaan Ranawat — Fri, 18 Feb 2022 14:39:22 +0000

Tutorial to Build Your Own Image Editor App, Package using Flutter & Dart without using any plugin!

Video link: https://youtu.be/vzg6iNziiKw

Features:

Pick Image
Add Text
Bold Text
Italic Text
Add New Line
Align Text Left, Right & Center
Change Colour
Increase Font Size
Decrease Font Size

Learn about LayoutBuilder Widget in Flutter within 1 minute

Rivaan Ranawat — Wed, 26 Jan 2022 13:48:04 +0000

LayoutBuilder Widget helps in making responsive layout for your apps, be it Android, iOS or Web!

Link: https://youtu.be/deMoHxFs4mQ

Flutter & Socket Tutorial for Beginners: Build Typeracer Clone

Rivaan Ranawat — Fri, 21 Jan 2022 14:17:07 +0000

Flutter & Socket Tutorial for Beginners: Build Typeracer Clone

Link: https://youtu.be/DabC5B508tQ

Features:

Create/Join Room with validation
Copy Room Code
Displaying Typed Words, Current Word & Words to be Typed
Real Time Progress of Users in Same Room
Leaderboard displaying User's WPM
Responsive UI

Learn about ConstrainedBox Widget in Flutter in 1 minute!

Rivaan Ranawat — Tue, 18 Jan 2022 14:48:52 +0000

Hey Everyone,
Learn about ConstrainedBox, a widget in Flutter which helps in building Responsive UI in 1 minute!

Please let me know if the explanation was clear and if i could bring a smile to your face!

Link: https://youtu.be/jLqUr4EXQqY

Tutorial to Build Full Stack TikTok Clone

Rivaan Ranawat — Fri, 14 Jan 2022 14:31:59 +0000

I made a tutorial to build Full Stack Tiktok Clone with Flutter, Firebase & GetX.
Link: https://youtu.be/4E4V9F3cbp4

Features:

Authentication with Email & Password
Uploading Videos with Caption
Compressing Videos
Generating Thumbnails Out of Video
Displaying Videos with Caption
Liking on Posts
Commenting on Posts
Liking the Comments
Searching Users
Following Users
Displaying Followers, Following, Likes & Posts of User
TikTok Like UI