Search for a command to run...
Full Stack Developer | Freelancer | JavaScript | React | Nodejs.
Loves sharing knowledge through technical articles.
Dev.to: https://dev.to/myogeshchavan97
https://linktr.ee/myogeshchavan97
No comments yet. Be the first to comment.
In this tutorial, you will build a Task Management App using Next.js 16 and Prisma 7 from scratch. By creating this app, you will learn: How to set up Prisma 7 with the new Rust-free architecture How to configure a database with Prisma's driver ada...
If you're a React/Next.js developer who diligently updated your packages last week after the critical React2Shell vulnerability (CVE-2025-55182), I have some frustrating news: you need to update again. Security researchers, while probing the patches ...
Is your React app dragging its feet, but you can’t pinpoint the cause? You might think you’re following the best practices, but some common development patterns are actually degrading your app’s performance behind the scenes. In this article, we’ll u...
How to Use Separate SSH Keys for Company and Personal GitHub Accounts Managing multiple GitHub accounts is a common challenge for developers who juggle both personal and professional projects. It becomes even more complex when you want to use differe...
Have you ever built a React app only to realize that users from different countries can't use it effectively because it only supports English? In this tutorial, you'll learn how to build truly global React application using internationalization (i18n...
Check out the video above to see a demo of the library management system application built using React.
This application includes the following screens:
Dashboard - To see a list of all books with filter and pagination functionality
Add Book - A way to add a new book
Students List - To see a list of all students with filter and pagination functionality
Add Student - A way to add a new student
Issue Book - A way to assign a new book to a student (a maximum of 10 books can be issued to each student)
Return Book - A way to return an already issued book from a student
Student Analytics - A way to see a list of all books assigned to students searchable by student ID
Books Chart - A bar chart showing books assigned to students that are searchable by student ID. The chart shows how many books are issued per month and the list of books issued, on click on each bar from the bar chart
Forgot password. - A way to reset the password if ever forgotten
For this application, we're using:
React for building Frontend
Supabase is a database for storage and authentication - available for free
Shadcn/ui library which is the most popular and highly customizable component library that uses Tailwind CSS for styling
TanStack Query ( React Query ) - The most popular React library for implementing caching to avoid fetching data on every page visit
As we're using React, we don't have to worry about hosting as we can host on any hosting provider like Netlify, Vercel, AWS or any of your favorite hosting providers.
As we're using the Shadcn/ui library, we can also easily customize the application to the theme or colors of our choice.
Want to learn more about the application or want to see a live demo of the application? connect me on yogesh@yogeshchavan.dev
Want to stay up to date with regular content regarding JavaScript, React, and Node.js? Follow me on LinkedIn.
My Courses: https://courses.yogeshchavan.dev/
My Blog: https://blog.yogeshchavan.dev/
My LinkedIn: https://www.linkedin.com/in/yogesh-chavan97/
My GitHub: https://github.com/myogeshchavan97/