Full Stack Chat App Timestamps | Socket.io & Expo Router Tutorial
[0:00] Introduction and App Overview Introduction to the full stack real-time chat app project using Expo Router, NodeJS Express, MongoDB, and sockets. Demonstration of app features including login, messaging, groups, image uploads, and profile editing. [10:30] Project Setup and Expo Router Installation Setting up the front-end project with Expo Router, cleaning up the template code, adding assets, and creating utility files for responsive design and theming. [20:00] Splash Screen and Welcome Page Development Building the splash screen with animated logo and transitioning to the welcome page. Creating a screen wrapper component to handle safe area and background patterns. [25:00] Typography and Button Components Developing reusable typography and button components with customizable styles and loading states for consistent UI across the app. [30:00] Navigation and Routing Setup Implementing navigation from splash to welcome screen and then to registration page using Expo Router's file-based routing system. [35:00] Authentication UI: Registration Screen Designing the registration screen with keyboard handling, back button, input fields with icons, form validation, and submit button with loading state. [45:00] Authentication UI: Login Screen Creating the login screen by adapting the registration UI, removing unnecessary fields, and adding navigation between login and register pages. [50:00] Backend Setup and Server Initialization Setting up the backend directory with NodeJS, initializing npm, installing dependencies like Express, Mongoose, Socket.io, JWT, and Nodemon for live server reloads.
Keep this timestamps
Save it to LunaNotes and it becomes a real note in your library — editable, searchable, and ready to turn into flashcards or a diagram. Free to start.
Save to LunaNotesOr generate timestamps for another video.
32K+ people have turned 65K+ videos into notes
“Very useful tool. I'm using it for the last couple weeks and I'm loving it so far. Makes learning on YouTube a great experience.”
Bhai Chrome Web Store reviewThese timestamps were automatically generated using AI with the Free YouTube video timestamp tool by LunaNotes.
Related videos
Next.js 16 Full Course Timestamps | Build & Deploy Full Stack App
Explore the detailed chapter breakdowns of this comprehensive Next.js 16 full course. Use these timestamps to easily navigate through essential topics like routing, UI development, API building, database modeling, and deployment strategies, making your learning experience efficient and organized.
Full Stack MERN eCommerce Tutorial Timestamps | React & Stripe
Explore detailed timestamps for our full stack e-commerce website tutorial using the MERN stack and Stripe integration. Easily navigate through key chapters to follow along building the project step-by-step, from homepage setup to product filtering and user authentication. Maximize your learning efficiency with clear chapter breakdowns.
Next.js Tutorial 2026 (UPDATED) – Full Course Timestamps & Chapters
This comprehensive guide provides chapter timestamps for the 2026 Next.js full course, helping you quickly navigate key topics like server components, AI coding agents, caching updates, and routing. Use these chapters to learn at your own pace, whether you're a beginner or an experienced developer looking for the latest changes.
MERN Stack Basics Timestamps: HTML, CSS, JS Chapters for Beginners
This video breaks down the foundational elements of MERN stack development, focusing on HTML, CSS, and JavaScript. Use these timestamps to navigate through the setup, code editor introduction, and core concepts. Perfect for beginners looking to learn web development step by step.
Full Stack Interview Timestamps: .NET, C#, Web API, SQL, React Chapters for MNC Mock Interview 2026
Navigate key moments in this .NET full stack mock interview with our detailed timestamps. Each chapter covers critical C#, Web API, SQL, and React questions to help you prepare for MNC interviews in 2026. Use these markers to quickly find specific topics like IEnumerable vs IQueryable, boxing/unboxing, and async/await.
Most viewed
Etsy Ads Timestamps: 2026 Strategy Guide Breakdown
Explore the detailed chapter breakdowns of the 2026 Etsy Ads Strategy Guide video to easily navigate key topics like when to start ads, how they work, and tips for success. These timestamps help you understand and implement profitable Etsy ad campaigns effectively for your shop growth.
Anjali Schmuck SPLITSVILLA 16 Timestamps: Connection, Fight & More
Explore detailed timestamps breaking down Anjali Schmuck's revelations about her connections, conflicts, and experiences on SPLITSVILLA 16. These chapters help viewers navigate key moments for a deeper understanding of the show's behind-the-scenes drama and personal stories.
SharkFunded BOLT Model Review 2026 | वीडियो के चैप्टर्स और टाइमस्टैम्प्स
इस पेज पर आपको SharkFunded BOLT Model Review 2026 वीडियो के सभी चैप्टर्स और टाइमस्टैम्प्स मिलेंगे, जो वीडियो को समझने और नेविगेट करने में मदद करेंगे। वीडियो के विभिन्न सेक्शन्स जैसे पेआउट, चैलेंजेस और रूल्स को आसानी से खोजने के लिए यह समयबद्ध संकेतक बेहद उपयोगी हैं।
Onyx Storm Chapters & Timestamps | Fantasy Romance Audiobook Guide
Explore detailed chapters and timestamps for the 'Onyx Storm' audiobook by Rebecca Yarros. This guide helps you navigate the thrilling fantasy romance story seamlessly, highlighting key moments and intense scenes. Perfect for fans wanting to jump to their favorite parts or revisit epic battles and heartfelt moments.
SLIMUS — Call CENTR: Полные Главы (Таймкоды) Микстейпа
Полные таймкоды к микстейпу SLIMUS — Call CENTR помогут вам легко найти и прослушать отдельные треки и моменты из микстейпа. Используйте главы, чтобы быстро перемещаться по любимым частям или изучить музыку детально.
Found this timestamps useful?
Take it with you. One click puts it in your own LunaNotes library.
Save to LunaNotes