Chức năng của Moonshine :

1. Hiển thị một câu trích dẫn có thể truyền cảm hứng, hiển thị thời gian hiện tại và hình nền ngẫu nhiên.
2. Lên kế hoạch cho các ngày.
3. Gửi lời nhắc cho bạn bè và đồng nghiệp về các công việc thông qua SMS và Email.
4. App có sẵn ở mọi nơi.

Trong project này, chúng ta sẽ sử dụng MongoDB để lưu trữ dữ liệu.

Tạo tài khoản MongoDB và đăng nhập

Tạo một project mới ở phía trên bên trái bằng cách bấm vào nút "New Project"

Đặt tên cho Project rồi bấm "Next" và thêm thành viên (nếu có) rồi bấm "Create Project"

Bấm "Create" ở giữa màn hình để tạo một cloud database

Chọn lựa chọn miễn phí

Nhập username và password mà dùng để đăng nhập vào MongoDB, sau đó bấm "Create User"

Sau đó kéo xuống cuối, bấm "Finish and Close"

Vào phần "Network Access", bấm "Add IP Address"

Chọn "Allow Access From Anywhere" và lưu lại

Trở về phần "Database" và bấm nút "Connect"

Chọn phần "Drivers" và copy connection url, thay vào MONGO_CONNECTION_URL ở trong file .env

Novu là một hạ tầng mã nguồn mở quản lý các thông báo. Nó cung cấp một API duy nhất giúp việc gửi các thông báo (ví dụ như In-App, SMS, Email,...) trở nên dễ dàng và tiện lợi hơn. Trong Novu, bạn có thể tự tạo một workflow và xác định các điều kiện để kích hoạt từng kênh thông báo.

Vào web platform của Novu tạo tài khoản

Vào phần Settings ở thanh điều hướng, copy API KEY và thay vào NOVU_API_KEY trong file .env

Luồng hoạt động

Chi tiết bước gửi email

Luồng hoạt động

Chi tiết bước gửi thông báo

Luồng hoạt động

Chi tiết bước gửi email

Trong đường dẫn thư mục back-end, sử dụng lệnh:

npm install

hoặc

npm i

Lệnh này sẽ cài đặt các package cần thiết cho project.

npm start

Chạy ứng dụng ở môi trường develop

Dưới đây là kết quả khi chạy ứng dụng Moonshine ở localhost

Để chạy project này, bạn cần thêm những biến môi trường sau vào file .env

MONGO_CONNECTION_URL: URL dùng để kết nối với MongoDB

NOVU_API_KEY: Novu API key của bạn

Novu, React, Redux, DotEnv, Axios, JWTEncode, Moment, React-Icons,...

Novu, Node, Express, MongoDB, Mongoose, BCrypt, JSONWebToken,...

• Front-End: Vercel
• Back-End: Render

• Link github back-end: https://github.com/hienhienn/todo-app-be
• Link github front-end: https://github.com/hienhienn/todo-app-fe
• Link back-end deploy trên render: https://todo-app-be-ytia.onrender.com/
• Link front-end deploy trên vercel: https://todo-app-fe-ruby.vercel.app/
• Link jsdocs back-end: https://todo-app-fe-asok.vercel.app/
• Link jsdocs front-end: https://todo-app-fe-asok.vercel.app/index.html