English 247 Ứng dụng học tiếng Anh miễn phí cho người Việt

📑 Mục lục

1. Giới thiệu về dự án
   • Mục tiêu
   • Tính năng
   • Công nghệ xây dựng
2. Bắt đầu dự án
   • Yêu cầu công nghệ
   • Cài đặt
3. Liên hệ

✨ Tính năng

• Đăng ký, đăng nhập sử dụng
• Đó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 English 247 (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

1. Clone project này

  git clone https://github.com/giangkma/learn-english.git

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

  npm install (hoặc yarn install)

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

4. Chạy project

  cd backend
  npm start (hoặc yarn dev để chạy môi trường dev)

  cd frontend
  npm start (yarn start)

---

🖥 Môi trường hỗ trợ

• Modern browsers, Mobile Browser and Internet Explorer 11.

Edge	Firefox	Chrome	Safari