Todo List App using React | Deploy JSON server and todo list app #react #deployment #coding #js

Welcome to part VII of our TodoList app series using React.js! In this video, We are to deploy our todo list app. First we shall deploy our JSON server on cyclic.sh and out todo list app on vercel.

Cyclic.sh: https://cyclic.sh/
Vercel: https://vercel.com/

To build this app, we will be using React, Vite, Chakra-UI, and Json-server. These tools will help us create a responsive and efficient todo list application.


By watching this video, you will learn how to create a todo list app using React.js, understand the concepts of passing props through components, and even build a theme changer functionality.

Part-I Setup and Installation:
https://youtu.be/-8Nxq_RKufI

Part-II Add todo:
https://youtu.be/fkeHNCuYWIQ

Part - III Fetch, Edit, and Delete todo:
https://youtu.be/wGrOO0uPAWM

Part-IV Item left and clear completed todos:
https://youtu.be/UPE9AZ0wKus

Part-V Filter completed, imcompleted and all todos:
https://youtu.be/6pkBvBW9HRM

Part-VI Drag and Drop:
https://youtu.be/RByZDK7n3GM


Don't forget to subscribe to our channel for more exciting tech content and hit the like button if you find this video helpful. Join us on this learning journey and let's level up our React skills together!

#frontendmentor #ipaddress #api #tailwindcss #todo #todos #react #todousingreact #todowithreact #todolist #reactproject #json #api #server #chakra #frontend #ui #javascript
#leetcode #leetcodequestionandanswers #dsa #dsajavascript #javascript #html #css #challenge #code #codinglife #coding #programming #htmlproject #nestjs #nextjs #nextjs13 #react #typescript #tutorial #vite #mernproject #mernstack #frontendmentorcodingchallenge #deployments #deployment #vercel #deployonvercel #cyclic #frontenddeploy #backenddeploy

@ThapaTechnical @CodeWithHarry @code @codewithantonio @javascriptmastery @akshaymarch7 @thesheryianscodingschool @WebDevSimplified @ApnaCollegeOfficial

Related topic:
Landing page
React App
Portfolio website using HTML, CSS and JavaScript
React js project
chat application using react js
portfolio website react
mern projects for resume
e commerce website project react js
react js project from scratch
how to create react app in visual studio code
react js tutorial
learn react
learn html
coding for beginners
JavaScript tutorial for beginners
html tutorial for beginners
CSS
web development
html and CSS tutorial for beginners
vite project
react project
todo application with react
todo application with vite
full stack project
build a todo application with react
vite react
vite tutorial
react app
react todo app
todo list
todo list app
todo list javascript
todo list in react js
the responsive project
drag N drop
react drag N drop
react beautiful dnd
dnd
deploy
deployment
json server deploy
json server deployment
react app deployment
todo list app deployment
vercel deployment
vercel deploy
netlify
vercel
cyclic.sh
frontend deploy
backend deploy
full stack deploy