[Project Day 1] Full "Tutorial Todo web app with NextJS" Zustand Axios TailwindCSS React NestJS Mongoose JWT - Connect MongoDB

Hello everyone, welcome to Learn Tech Tips I am Zidane, (my nickname: 鸡蛋)

Good day to you. This series will share with you how to build a web application with server, client side, and you will learn many useful things on this project. 

As the title you will learn how to 

- Use NestJs build a server connect with a MongoDB (use JWT for authentication, how to query on server, create schema, entity, controller, service)

- Use NextJS build a client side with TailwindCss fast build component, Zustand state management (easy manage state), Axios Request API.

And on this series I will share with you a detail tutorial for build a Todo web App with below feature:

1. Login (Use Signatures, Encryption & Algorithms With the JWT)
   
2. Logout (Use SignOut of 'next-auth/react')
   
3. Register new user
4. Apply Multiple Language (use 'next/router')
   
5. Add new todo list
   
6. Update Todo list status
7. Delete todo list
8. Show up todo list with Pagination (use React Pagination)
9. And much more feature with detail list

Full Tutorial TodoList Apps with NextJS Zustand Axios TailwindCSS React NestJS Mongoose JWT (Day 1)  

After check all this full series, I believe you will have a mindset how to build a website app from backend to frontend. You will understand how to become a full stack developer through this todo web app

Explore My Other Channel for More Cool and Valuable Insights

👉 Youtube Learn Tech Tips

👉 Tiktok

👉 Facebook:

On day 1: We will focus on how to build a Server with NestJS and connect with MongoDB

Step1: Build a NestJS structure

$ npm i -g @nestjs/cli
$ nest new server-todo

Step2:

on src/app.module.ts

See you on day 2 💗

 

Thanks for reading. Any feedback and questions about Full Tutorial Todo web app with NextJS Zustand Axios TailwindCSS React NestJS Mongoose JWT (Day 1). Leave your comment on below post, we can discuss about it.

✋✋✋✋ Webzone Tech Tips - I am Zidane, See you next time