DEV Community: Kliton

Full stack WebPageForm builder, NextJs, Typescript ( React ), Dnd-Kit, PostgreSQL, Prisma

Kliton — Tue, 03 Oct 2023 05:50:20 +0000

Build a Full Stack ReminderApp with React, NextJs, Typescript, ServerAction, Zod, Hook-form, Prisma, and Tailwind

Kliton — Sat, 16 Sep 2023 14:04:24 +0000

Hi everyone,

I published my last video: Build a full stack ReminderApp ( TypeScript )

Server actions ( no http API )
Prisma ORM
React-hook-form and zod
Shadcn/ui and TailwindCSS
Light/Dark Theme

Links

Youtube video
Github repo
Live demo

Hope you like it 😀

Build a drag and drop Kanban Board: React, Typescript, Tailwind, Dnd-Kit

Kliton — Mon, 31 Jul 2023 18:14:15 +0000

Build a drag and drop Kanban Board: React, Typescript, Tailwind, Dnd-Kit

Hi everyone,

Are you looking for a fun and practical project to improve your React skills? Do you want to learn how to create a kanban board that lets you organize your tasks and projects in a visual way?

I’ve just uploaded a new video where I show you how to build a kanban board from scratch using React, TypeScript, TailwindCSS and dnd-kit.

Demo

In this video, you will learn how to:

Create columns and tasks with React components
Enable drag and drop functionality for both columns and tasks using dnd-kit
Edit the content and title of tasks and columns with inline editing
Style the UI with TailwindCSS utility classes
This project is a great way to practice your React skills and learn some new techniques and libraries. You will also end up with a useful tool that you can use for your own projects or customize further.

So what are you waiting for? Check out the video below and let me know what you think in the comments.

I hope you enjoy it as much as I did 😃