MERN STACK + TYPESCRIPT + REDUX | BLOG TUTORIAL

MERN Stack Build a blog app using MERN + Typescript + Redux + Bootstrap 5 + ReactQuill + Socket.io + Twilio

• Register, login with Email or Phone number.
• Quick login with Google, Facebook, SMS.
• Forgot password, reset password and register a new account by Email or SMS verification.
• Update personal information (name, password and avatar)
• Create new blog with React quill.
• Comment realtime with Socket.io
• Pagination, search with autocomplete Mongodb

Demo: https://blog-dev-test.herokuapp.com/

Author: Dev AT

Youtube tutorials: https://www.youtube.com/watch?v=de-204MM0tU&list=PLs4co9a6NhMw7xB4xPSkSQRM8uQVAZak6

Install dependencies for server

npm install

Install dependencies for client

cd client ---> npm install

Connect to your mongodb and add info in .env

Run the Express server only

npm run dev

Run the React client only

cd client ---> npm start

Server runs on http://localhost:5000 and client on http://localhost:3000

🔥 Donate

• 👉 Buy Me a Coffee . Thank You ! 💗 :
• 👉 https://www.buymeacoffee.com/QK1DkYS
• 👉 Paypal : https://paypal.me/tuananh251192
• 👉 Patreon: https://www.patreon.com/dev_at

👻👻VietNam:

• 👉Vietcombank: 0061001044348 (LE TUAN ANH)
• 👉Momo : 0374481936

Interface