- 215
- 241 712
Radzion Dev
Georgia
เข้าร่วมเมื่อ 20 ก.ย. 2019
Simplifying Product Updates: Building a Changelog for Your Users
In this video, we walk you through creating a simple and effective "What's New" feature to keep your users informed about updates in your app. Using Increaser as an example, we show how to build a minimalistic changelog that tracks product updates with ease. We cover everything from logging updates in a changelog.txt file to automating the announcement process across multiple platforms like social media and your website. Whether you're releasing new features, fixing bugs, or making performance improvements, a streamlined "What's New" feature helps keep your users engaged and informed.
Demo: increaser.org
Source code: github.com/radzionc/radzionkit
Blog post with code snippets: radzion.com/blog/changelog
Accelerate your work and reach your goals faster with increaser.org - where deep work, time mastery, and habit shaping converge for your success! 💪🚀
Demo: increaser.org
Source code: github.com/radzionc/radzionkit
Blog post with code snippets: radzion.com/blog/changelog
Accelerate your work and reach your goals faster with increaser.org - where deep work, time mastery, and habit shaping converge for your success! 💪🚀
มุมมอง: 322
วีดีโอ
Master Drag-and-Drop with dnd-kit: Kanban Board Tutorial
มุมมอง 1.4Kหลายเดือนก่อน
In this video, I'll show you how to create a drag-and-drop Kanban board using the powerful dnd-kit library in React. We'll explore the key parts of building a Kanban board, including task grouping, column arrangement, and seamless drag-and-drop interactions. Drawing inspiration from the Tasks board in Increaser, I'll break down the components and utilities needed to build a flexible task manage...
Build a Goal Tracker with TypeScript and React
มุมมอง 4672 หลายเดือนก่อน
In this video, we dive into building a comprehensive goal tracking system for a productivity app using TypeScript and React. We'll work within a TypeScript monorepo and utilize React for the frontend development. While the source code for Increaser is private, you can find all the reusable components and utilities in the RadzionKit repository. Our goal is to create a beautiful and user-friendly...
Building a Recurring Task System with React, TypeScript & Node.js
มุมมอง 2732 หลายเดือนก่อน
In this video, we're diving into building an exciting feature for a productivity app using React, TypeScript, and Node.js. We'll walk through creating task factories that automatically generate new tasks based on specified intervals, such as weekly or monthly. This feature helps users consistently perform recurring actions to achieve their goals. We'll start by understanding the need for this f...
How to Clean Up Inactive User Data in TypeScript: Step-by-Step Guide
มุมมอง 752 หลายเดือนก่อน
Hey everyone, welcome back to the channel! Today, we're tackling a common issue faced by developers: deleting inactive user data from our system. We'll be working within the TypeScript repository of the productivity app, Increaser. Although the source code for this project is in a private repository, you can find all the reusable code in the RadzionKit repository. Increaser is a paid web applic...
Build a Date Picker Component in React and TypeScript
มุมมอง 4113 หลายเดือนก่อน
In today's tutorial, we'll explore how to build a custom date picker component in React using TypeScript. This component, named DayInput, was initially created to support age-based goals in the productivity app Increaser. We'll walk through the entire process, from setting up the component to handling date conversions and ensuring valid date selections. You'll learn how to manage date inputs wi...
Crafting a Seamless Timeline UI for Time Tracking in React
มุมมอง 9703 หลายเดือนก่อน
In this tutorial, we'll dive into building an interactive timeline feature for a productivity app using React and TypeScript. We're creating a calendar-style interface that enables users to add, edit, and delete sessions with ease. We'll leverage the RadzionKit for reusable components to structure our layout, manage session interactions, and efficiently handle state. You'll learn how to set up ...
How to Build a Dropdown in React with TypeScript and Floating-UI
มุมมอง 1.2K3 หลายเดือนก่อน
In this video, we’ll walk through the implementation of a dropdown component using React, TypeScript, and Floating-UI. This comprehensive tutorial covers everything from defining the component's props to managing state and interactions. We will create the ExpandableSelector component, which expands when clicked and allows you to select an option. We’ll also utilize the useFloatingOptions hook t...
Create a Time-Planner Tool with React: A Step-by-Step Guide
มุมมอง 7623 หลายเดือนก่อน
In this video, we dive deep into creating a comprehensive time-planner tool using TypeScript, with React on the frontend and NodeJS on the backend. This application not only helps you allocate time across various projects but also enables you to set specific goals and track your progress in real-time. We'll walk through the process of setting up your development environment, implementing key fe...
Next.js & Amplitude: A Guide to Effective Analytics Integration
มุมมอง 5584 หลายเดือนก่อน
In this video, we’ll show you how to integrate Amplitude analytics into a React application using Next.js. We’ll cover setting user IDs with `setUser` and tracking events with `trackEvent`, all powered by React's context API. We'll demonstrate our `PageVisitTracker` component and explain how to log events locally during development with `LocalAnalyticsProvider`, and use `AmplitudeAnalyticsProvi...
Coding a Productivity Tool in React: Increaser's Work Budget Feature
มุมมอง 6564 หลายเดือนก่อน
Welcome to our detailed walkthrough of the new Work Budget feature in Increaser. In this video, I'll show you how this tool can help you set and monitor your weekly work targets, allowing you to manage your productivity more effectively. We've designed the front end using React and the back end using NodeJS and DynamoDB, ensuring a seamless and efficient user experience. The Work Budget feature...
How to Build a Community-Driven Feature Proposal System with React & NodeJS
มุมมอง 2335 หลายเดือนก่อน
Join me in this tutorial where we'll create a sleek and efficient feature proposal and voting system for web applications. We'll utilize React for our front-end and set up a streamlined NodeJS API for our back-end, with DynamoDB handling the database operations. This setup allows our app users to engage directly by proposing new features and voting on them, enhancing community interaction. We'l...
Effortless Email Setup on AWS: Save Time and Money with Lambda and Terraform
มุมมอง 4016 หลายเดือนก่อน
In this video, I guide you through the complete process of setting up email addresses for your AWS domain efficiently and cost-effectively. I share my own successful setup for domains like radzion.com and increaser.org using a simple AWS Lambda function and Terraform for automation. You'll learn how to configure essential AWS services, manage Terraform infrastructure, and streamline the process...
Developing a Dynamic Report for a Time-Tracking Application | React & TypeScript
มุมมอง 1.1K7 หลายเดือนก่อน
In this tutorial, we dive deep into building a comprehensive report for the Increaser time-tracking application. Learn how to create a fully customizable report featuring filters, tables, and charts using React, TypeScript, and CSS. We'll cover everything from data handling to visualizing your time-tracking data with pie and line charts, all without relying on external component libraries. Demo...
How to Create an Effective Onboarding Flow in React: A Step-by-Step Guide
มุมมอง 2.8K8 หลายเดือนก่อน
In this tutorial, we dive deep into creating an effective onboarding flow in React. We'll explore a proven method that enhances user engagement and retention by guiding users through a series of educational steps. This approach not only educates users about your app's features but also connects their problems with your solutions. Key Highlights: Understanding the importance of onboarding for us...
Creating a Drag-and-Drop Todo List in React: A Complete Tutorial
มุมมอง 2K8 หลายเดือนก่อน
Creating a Drag-and-Drop Todo List in React: A Complete Tutorial
Creating a React Line Chart Component from Scratch
มุมมอง 5379 หลายเดือนก่อน
Creating a React Line Chart Component from Scratch
Building a React landing page in TypeScript monorepo: A Developer's guide
มุมมอง 6439 หลายเดือนก่อน
Building a React landing page in TypeScript monorepo: A Developer's guide
React Masterclass: Building a Schedule Page for Productivity App
มุมมอง 79310 หลายเดือนก่อน
React Masterclass: Building a Schedule Page for Productivity App
Full-Stack TypeScript Development: Building a Productivity Scoreboard
มุมมอง 1.5K10 หลายเดือนก่อน
Full-Stack TypeScript Development: Building a Productivity Scoreboard
Simplifying TypeScript Backend Development: A Complete Guide
มุมมอง 3K11 หลายเดือนก่อน
Simplifying TypeScript Backend Development: A Complete Guide
Building Internationalization in a Static NextJS Application Without External Libraries
มุมมอง 4K11 หลายเดือนก่อน
Building Internationalization in a Static NextJS Application Without External Libraries
NextJS Meta Tags Guide: SEO & PWA Icons
มุมมอง 30411 หลายเดือนก่อน
NextJS Meta Tags Guide: SEO & PWA Icons
Creating a Reusable Combobox with React and TypeScript
มุมมอง 2Kปีที่แล้ว
Creating a Reusable Combobox with React and TypeScript
Auto-Generating TypeScript for Dynamic React Components: A Deep Dive
มุมมอง 791ปีที่แล้ว
Auto-Generating TypeScript for Dynamic React Components: A Deep Dive
Building a Subscription Payments System with Next.js & Node.js
มุมมอง 8Kปีที่แล้ว
Building a Subscription Payments System with Next.js & Node.js
Creating a Responsive and Minimalistic Modal Component in React
มุมมอง 555ปีที่แล้ว
Creating a Responsive and Minimalistic Modal Component in React
Magic Link Email Authentication for NextJS + NodeJS Applications
มุมมอง 2.1Kปีที่แล้ว
Magic Link Email Authentication for NextJS NodeJS Applications
Maintaining React State in a URL Query String with NextJS
มุมมอง 2.9Kปีที่แล้ว
Maintaining React State in a URL Query String with NextJS
Full-Stack Implementation of OAuth 2 Authentication (Google & Facebook) with NextJS and NodeJS
มุมมอง 6Kปีที่แล้ว
Full-Stack Implementation of OAuth 2 Authentication (Google & Facebook) with NextJS and NodeJS
please make simple its very complicated have you any git repo understandable easy way using nest js and react
Useful video, thanks. But it seems your source git does not contain any of the shown here (
Hey! You can see all the code snippets in the blog post: radzion.com/blog/subscription. And all the reusable components/utils/etc could be found here github.com/radzionc/radzionkit
Thanks 😊👍🏻
hey. a little late to the party but this is super interesting. i've been looking how to handle payments in a nice way with good code and you nailed it. absolutely love the ideas you implemented. thanks for sharing :))
Can I have a link to the project's git hub?
Why not open source the code for the kanban if you're demoing it anyway?
Hey! The full Kanban board is part of another closed-source application. You’re right, I could have extracted it into a demo page. The blog post contains all the necessary code snippets to complete the picture, and you can find all the reusable components in RadzionKit.🫡
no video for him!
I don't even understand a single word... Explain in a better way. but thank u for the video.
Thanks
Thank you for this lovely video. Is there a reason you didn't use RRULE?
Hey! Never heard about such library, but it makes sense 👍
brief and objective, as it should be THANK YOU!!!
Great job! Your efforts have massively paid off. Such an amazing product.
Haha, thanks! It got way better since that time, but it's still at 70$, damn!
Robinson Joseph Lewis Paul Brown Margaret
Wilson Jeffrey Thompson Daniel Hall Deborah
Thanks bro 👍
great video! Also checked out increaser, its super nice!! How'd you get it to appear on Google? I submitted my sitemap.xml, made a robots.txt file, optimized SEO but still cant get it to appear on normal google search.
Thank you! Just what I was looking for
👍👍
hard to understand what U talking about
Man, i cannot access the source code. Please, reup it!
Can u share code for this same animation
Nice! Thank you 👊
thanks :)
bro was programmed himself
This is Good very good
Thank you! Now I can build my UI library in peace using your repository as a starting point ;)
You're welcome!
Hello, Can you please check - the demo link is not working
The location of the code could change, so better to search in the repo: github.com/radzionc/radzionkit/tree/main
Awesome video bud, but I do agree with other comments that you're speaking quickly, not that clearly (your voice is fairly soft here), and on a subject that *you* understand, having built it. That does unfortunately make it difficult for others. I know you've said you want to strike a balance of length and depth, but I think you've got it wrong unfortunately, even with the source code I don't want to seem like I'm being overly negative, because you've got the beginnings of an *amazing* tutorial here, and you'd see engagement rocket if you did do an in depth, and slower, guide. Hope you don't take that the wrong way and find it useful!
Hey! Thanks for feedback.
@@radzion no worries, I'm enjoying the github too!
demo can't be reached
Error google provider overwrites facebook provider (and makes logging in with facebook impossible). Why fix it. Pls
it is confusing when you try to explain what you have already implemented, it will be very helpful if you can do a video where you do the basic implementation from scratch, by so doing it will be very easy to follow and understand the concept
Hey! I'll be trying to cover more code, but sometimes it's hard to do without blowing up the size of the video.
Thanks for sharing, really useful videos :)
Thanks!
Good trick, exactly what i was looking for
Why is it just 1 minute?
speak louder man
What happened to the source code (404)?
Hey, you can find it here github.com/radzionc/radzionkit
@@radzion Thanks 👍
Are you able to provide the code for this?
Hey! You can find reusable onboarding components in the RadzionKit repository
Super cool! Keep the great content coming!
This is awesome, can you please do a video on how to upload file to AWS S3 bucket using lambda function using MERN
Thanks, Radzion! Your videos are incredibly useful and showcase high-level tech skills.
👏👏👏
The website is down sadly :(
can anyone tell me that i can sell service of websites to clinets to the clients as subscription based system i mean having one portal where i have to mange all the subscribers and giving service and monitoring in that portal
how do you actually set it up to make it live locally?
there is no point in these videos. make these from scratch and explain each step. otherwise it is just drawing the rest of the horse.
although you talk slowly, the way you go from point to point was so quick, it made it really difficult to even know the focus of each point, or where you're clicking etc etc. Just hard to understand overall.
really its awesome
bro please give the source code
link off
Thanks, fixed: kit.radzion.com/combobox
link off
Thanks, here is the new link: kit.radzion.com/combobox