- Видео 25
- Просмотров 775
Row Code
Индия
Добавлен 3 янв 2024
Welcome to Row Code, your hub for immersive coding experiences! 🚀 Dive into React Fullstack projects and more, with tutorials and insights for developers of all levels. From UI/UX design to backend integration, master mobile app development.
💻 Beyond MERN: Explore coding tips, tricks, and tutorials across different languages. Stay updated with the latest trends and broaden your coding expertise.
🤝 Community-Driven Learning: Join our community, engage with developers, and collaborate on exciting projects. Navigate the coding landscape in a supportive environment.
🔔 Subscribe: Don't miss the latest content! Hit subscribe, ring the bell, and embark on a coding adventure with Projects With Row. Let's code, create, and conquer together! 💻🌐 #RowCode #ProjectsWithRow #reactnative #codingjourney
💻 Beyond MERN: Explore coding tips, tricks, and tutorials across different languages. Stay updated with the latest trends and broaden your coding expertise.
🤝 Community-Driven Learning: Join our community, engage with developers, and collaborate on exciting projects. Navigate the coding landscape in a supportive environment.
🔔 Subscribe: Don't miss the latest content! Hit subscribe, ring the bell, and embark on a coding adventure with Projects With Row. Let's code, create, and conquer together! 💻🌐 #RowCode #ProjectsWithRow #reactnative #codingjourney
Building a Real-Time Chat App (Part 6) | Building & Integrating the Messaging API
In Part 6 of our Real-Time Chat App series, we take the app further by implementing the messaging API. Now, users can send and receive messages with real-time updates. We’ll walk through building the message API, integrating it seamlessly with our frontend, and enhancing the UI to visually distinguish between sender and receiver messages.
Project Source Code: github.com/Raushan0300/Chat-App
What’s Covered in This Video:
1. Developing the messaging API to handle user messages 📬
2. Integrating the API with our chat frontend using Socket.io 💬
3. Updating the UI for better user experience with styled message bubbles 🎨
If you’re following along, don’t forget to like, share, and subscribe for upda...
Project Source Code: github.com/Raushan0300/Chat-App
What’s Covered in This Video:
1. Developing the messaging API to handle user messages 📬
2. Integrating the API with our chat frontend using Socket.io 💬
3. Updating the UI for better user experience with styled message bubbles 🎨
If you’re following along, don’t forget to like, share, and subscribe for upda...
Просмотров: 3
Видео
Building a Real-Time Chat App (Part 5) | Add User UI & API Integration
Просмотров 14 часа назад
In Part 5 of our Real-Time Chat App series, we’ll be expanding the app’s functionality by adding a UI to support adding new users and integrating it with the backend API. This feature enables users to add friends to their chat list easily, enhancing the overall app experience. By the end, you’ll have a fully functional “Add User” feature linked with the backend! Project Source Code: github.com/...
Building a Real-Time Chat App (Part 4) | Integrating the Chat API & Bug Fixes
Просмотров 127 часов назад
In Part 4 of our Real-Time Chat App series, we’re integrating the chat API, allowing users to connect and add each other to chat histories. I also tackled some bugs within the chat API to ensure smooth functionality. This setup is crucial for creating a real-time messaging experience, paving the way for message handling in future parts. Project Source Code: github.com/Raushan0300/Chat-App What ...
Building a Real-Time Chat App (Part 3) | Chat API
Просмотров 149 часов назад
In Part 3 of our Real-Time Chat App series, we dive into creating the Chat API! 🚀 This API enables users to add others by email and save them to their chat history or a group. This feature is crucial for setting up the core of user-to-user or group communication. Project Source Code: github.com/Raushan0300/Chat-App Here’s what’s covered: • Chat API to add users by email • Ability to organize ch...
Building a Real-Time Chat App (Part 2) | Express Server & Authentication APIs with JWT
Просмотров 212 часов назад
In this second part of the Real-Time Chat App series, we’re diving into the backend setup to get our chat app ready for real-time interactions and secure user authentication! Here’s what’s covered in this video: Project Source Code: github.com/Raushan0300/Chat-App What We’ll Accomplish: • Express Server Setup: Configuring a robust Express server as our backend. • Login & Signup APIs: Building a...
Building a Real-Time Chat App (Part 1) | UI Design for Authentication and Chat Pages
Просмотров 2214 часов назад
In this video, I kick off a new series on building a real-time chat application using React, Node.js, Express, Socket.io, and MongoDB. In this first part, I focus on setting up the user interface for the authentication (login/register) page and the chat page. Project Source Code: github.com/Raushan0300/Chat-App 🔧 What’s Covered: • Project setup using Vite for React and Tailwind CSS for styling....
Building npm package - Part 2 | Simplifies Installation of Vite + React, TailwindCSS and Shandcn
Просмотров 1716 часов назад
🚀 Streamline your Vite React app setup with my new npm package, create-new-vite! This package automatically installs and configures Tailwind CSS and the Shadcn UI library based on your input, saving you time and hassle. In this video, I’ll show you the latest updates to the create-new-vite npm package! 🎉 Now it’s more optimized and comes with an exciting new feature: Dark Mode configuration! 🌙 ...
🎥 Real-Time Voting App with Socket.io and MongoDB | Nodejs, Expressjs | Full-Stack Tutorial 🚀
Просмотров 5919 часов назад
In this video, we’ll be building a Real-Time Voting Polling App using Socket.io, Node.js, and React! You’ll learn how to create a full-stack application where users can vote, and see live updates on the results. This is a great project for learning real-time communication between a frontend and backend using WebSockets and saving Data to MongoDB! Project Source Code: github.com/Raushan0300/Real...
Build a Multi-Function Timer with Countdown & Stopwatch in React (TypeScript + Tailwind CSS)
Просмотров 1921 час назад
In this video, I'll show you how to build a Multi-Function Timer in React using TypeScript and Tailwind CSS. This timer app features a Countdown Timer, Stopwatch, and a Pomodoro Timer - all in one easy-to-build project! Perfect for beginners looking to practice React and TypeScript or anyone looking for a fun project to add to their portfolio. Project Source Code: github.com/Raushan0300/Stopwat...
Build a URL Metadata Fetcher with Node.js and React (Full-Stack Project Tutorial)
Просмотров 38День назад
In this video, we’ll walk through how to build a URL Metadata Fetcher using Node.js for the backend and React on the frontend. This full-stack project allows you to enter any URL, and the app fetches metadata like the page title, description, and images. Perfect for web scraping and preview generation! Project Source Code: github.com/Raushan0300/URLMetadataFetcher What we’ll cover in this video...
Build a URL Shortener with Node.js, Express & MongoDB | Full Tutorial
Просмотров 94День назад
In this video, we’ll be building a complete URL shortener from scratch using Node.js, Express, and MongoDB! 🚀 A URL shortener is a great backend project that lets users shorten long URLs and access them via custom short codes. It’s perfect for learning how to manage URLs, databases, and API creation. Project Source Code: github.com/Raushan0300/URLShortner We’ll guide you step-by-step through se...
💻 Building a Cloud IDE - Part 3: Real-Time Folder Sync & Code Editor
Просмотров 42День назад
In this video, I take the Cloud IDE project to the next level by adding real-time folder and file changes using Socket.io and Chokidar for file watching. 📂 I also implement a fully-functional code editor with an auto-save feature to persist your file changes on the fly. 🔑 What you’ll learn: • Setting up real-time folder/file sync with Socket.io & Chokidar • Building a code editor in the UI • Im...
💻 Building a Cloud IDE - Part 2: File Structure & Backend Logic
Просмотров 29День назад
In this video, I continue building the Cloud IDE by implementing a dynamic file structure in the UI! 📁 We’ll create an API to handle file system operations and dive into some recursion logic on the backend to manage nested directories. 🔑 What you’ll learn: • Building a file structure in the UI • Creating a file system API • Using recursion to handle nested directories on the backend Follow alon...
💻 Building a Cloud IDE - Part 1: Terminal Emulation with Socket.io
Просмотров 3514 дней назад
In this video, I’m kicking off the Cloud IDE series by building a real-time terminal emulation system! 🚀 We’ll set up both the server-side and client-side terminal using Socket.io, allowing for seamless communication. I’ll also walk you through testing the emulation with Postman and integrating it into the client interface. 🔑 What you’ll learn: • Setting up real-time terminal emulation with Soc...
🎨 Build a Color Palette Generator with React and Tailwind CSS!
Просмотров 3014 дней назад
In this video, I’ll show you how to build a simple Color Palette Generator from scratch using React and Tailwind CSS. We’ll cover how to generate random color palettes, display the hex codes, and even implement a feature to copy the color codes to the clipboard with one click! 💡 🔑 What you’ll learn: • React state management for dynamic color generation • Using Tailwind CSS for clean and respons...
Building npm package || Simplifies Installation of Vite + React, TailwindCSS and Shandcn || Row Code
Просмотров 5814 дней назад
Building npm package || Simplifies Installation of Vite React, TailwindCSS and Shandcn || Row Code
Building MERN eCommerce App - Part 7 || Shadcn || Nodejs || Express || Tailwind || MongoDB
Просмотров 2514 дней назад
Building MERN eCommerce App - Part 7 || Shadcn || Nodejs || Express || Tailwind || MongoDB
Building MERN eCommerce App - Part 6 || Shadcn || Nodejs || Express || Tailwind || MongoDB
Просмотров 4414 дней назад
Building MERN eCommerce App - Part 6 || Shadcn || Nodejs || Express || Tailwind || MongoDB
Building MERN eCommerce App - Part 5 || Shadcn || Nodejs || Express || Tailwind || MongoDB
Просмотров 2314 дней назад
Building MERN eCommerce App - Part 5 || Shadcn || Nodejs || Express || Tailwind || MongoDB
Building MERN eCommerce App - Part 4 || Shadcn || Nodejs || (Products API & All Products Page)
Просмотров 6814 дней назад
Building MERN eCommerce App - Part 4 || Shadcn || Nodejs || (Products API & All Products Page)
Building MERN eCommerce App - Part 3 || Shadcn || Tailwind || Nodejs || Custom fetch function
Просмотров 4321 день назад
Building MERN eCommerce App - Part 3 || Shadcn || Tailwind || Nodejs || Custom fetch function
Building MERN eCommerce App - Part 2 || Shadcn || Tailwind || Nodejs || Expressjs || MongoDB
Просмотров 4221 день назад
Building MERN eCommerce App - Part 2 || Shadcn || Tailwind || Nodejs || Expressjs || MongoDB
Building MERN eCommerce App - Part 1 || Shadcn || Tailwind
Просмотров 5021 день назад
Building MERN eCommerce App - Part 1 || Shadcn || Tailwind
React Native eCommerce App (Header and Bottom Tab Functions) Part-2 | Projects With Row
Просмотров 119 месяцев назад
React Native eCommerce App (Header and Bottom Tab Functions) Part-2 | Projects With Row
React Native eCommerce App (Bottom Tab Navigation) Part-1 | Projects With Row
Просмотров 349 месяцев назад
React Native eCommerce App (Bottom Tab Navigation) Part-1 | Projects With Row
Nice keep it up!
😑 "promo sm"