Type-Rythms_web-blog

Readme blog Web application create by next.js mongodb node.js express to learning MERN stack

Tech Stacks and Libraries

• Next.js using Typescript
• next-auth
• Tailwind CSS
• Axios
• Node.js
• Express
• formik
• yup
• jsonwebtoken
• react-markdown
• bcrypt
• compression
• cors
• dotenv
• joi
• mongoose
• morgan
• nodemon
• multer

Knowledge learned from this project

• how to use access token to protect route and refress token and user will get token when login if you want delete update and write you must have accesstoken
• axios interceptors when acesstoken is expire
• how to use mongodb in model
• how to create project like MVC pattern
• how to validate data in frontend(yup + formik) and backend (joi)
• how to create credential login and register
• lerning layout in react
• how to create upload file from client to server using multer

Examples of pages in this project

• login / register page

• Write article page

• Article page if you is article author you can edit or delete everyone can comment below you article if they register and login

• main page

• edit page

finally user page you can see all article you write in this page