A modern, high-performance CRUD app built with React and TanStack Query for fast, reactive, and optimized data fetching.
🎯 Live Demo: https://react-tanstack-crud.vercel.app/
- 🌐Backend: https://react-tanstack-crud.onrender.com/
- Frontend vercel: http://vercel.com/
- Backend Render: https://render.com/
📦 GitHub Repo: dheepaky/React-tanstack
This project demonstrates how to build a clean and efficient CRUD application using the TanStack Query (React Query) ecosystem.
It showcases best practices in component design, API data handling, and application structure — perfect for learning or using as a starter template.
| Category | Technologies |
|---|---|
| Frontend | React, TanStack Query (React Query), React Router |
| Backend | Node.js, Express.js |
| Deployment | Vercel |
| Styling | CSS , Tailwind |
| State Management | TanStack Query Cache |
✅ Fully functional CRUD (Create, Read, Update, Delete)
✅ Uses TanStack Query for smart caching and background refetching
✅ Clean and modular folder structure
✅ Optimistic updates for a smooth UX
✅ Responsive layout for desktop & mobile
✅ Easily deployable (Vercel-ready)
git clone https://github.com/dheepaky/React-tanstack.git
cd React-tanstack
# Backend
cd backend
npm install
# Frontend
cd ../frontend
npm install
# Start backend
cd backend
npm run dev
# Start frontend
cd ../frontend
npm start
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'feat: Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See the LICENSE file for more information.
Dheepak Y
- GitHub: dheepaky
- Project Link: https://github.com/dheepaky/React-tanstack