Code Ứng dụng học tiếng Anh miễn phí cho người Việt bằng Nodejs, ReactJS, Redux

Code Ứng dụng học tiếng Anh miễn phí cho người Việt bằng Nodejs, ReactJS, Redux

• Đăng ký, đăng nhập sử dụng Dynonary. Có thể đăng nhập với Google và Facebook.
• Đóng góp từ vựng, câu bởi người dùng.
• Quản lý tài khoản người dùng (Xem, chỉnh sửa, xoá tài khoản).
• Click nghe một từ, câu trực tiếp trên ứng dụng.
• Các cài đặt chung như voice, custom theme.
• Học bảng IPA (International Phonetic Alphabet).
• Bảng 1000+ câu giao tiếp thông dụng.
• Từ vựng Flashcard (Slide show & Gallery).
• Từ điển Dynonary (Tìm kiếm, lọc thêm chủ đề, cấp độ, loại từ, sắp xếp…).
• Lưu danh sách yêu thích người dùng.
• Bảng động từ bất quy tắc.
• Nhúng Blog file html vào phần grammar.
• Chơi game, ôn tập từ vựng.
• Bảng xếp hạng, so sánh cùng kết quả cùng bạn bè.

Công nghệ xây dựng

• Backend, Database

  • Nodejs, ExpressJS, RESTFul APIs.
  • MongoDB, MongooseJS.
  • JWT (JSON Web Token).
  • Nodemailer.
  • Passport (Google Token, Facebook token).

• Frontend

  • ReactJS, React Hook, Material UI Library.
  • Axios RESTFul API, query string.
  • React Hook Form, Yup.
  • Redux, react-redux, Reudx-toolkit.

• Storage, Hosting, Cloud:

  • Cloudinary.
  • Mongodb Atlas.
  • Heroku Hosting.

Bắt đầu dự án

Yêu cầu công nghệ

• MongoDB Server
• NodeJS, Npm (Node Package Manager)
• Git, Github

 Cài đặt

Cài đặt thư viện ở Backend, Frontend

Thay thế file .local.env thành file .env và cập nhật thông tin.

Chạy project