Skip to content

Calvinan132/HeartFlow

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💖 HeartFlow

Nền tảng kết nối, lưu giữ kỷ niệm và mua sắm dành riêng cho các cặp đôi.

React Node Express MySQL Bootstrap

📖 Giới thiệu

HeartFlow là một ứng dụng web trọn gói (All-in-one) được xây dựng để giúp các cặp đôi hâm nóng tình cảm và xóa nhòa khoảng cách địa lý.

Dự án tích hợp đầy đủ các công cụ từ mạng xã hội (nhắn tin, định vị) đến thương mại điện tử (mua quà tặng), tạo nên một hệ sinh thái số riêng tư và lãng mạn cho hai người.


📸 Sản phẩm demo

Link web: https://heartnote-cyan.vercel.app/


✨ Tính năng Nổi bật

Dự án cung cấp 5 module chính để phục vụ người dùng:

1. ⏱️ Love Counter (Đếm ngày yêu)

  • Hiển thị chính xác số ngày, giờ, phút, giây bên nhau.
  • Giao diện lãng mạn, có thể tùy chỉnh ảnh nền cặp đôi.

2. 💬 Real-time Chat (Nhắn tin)

  • Hệ thống nhắn tin thời gian thực (Real-time) độ trễ thấp.
  • Hỗ trợ chat riêng tư (1-1) và chat nhóm với bạn bè.

3. 📍 Love Map (Định vị & Khoảng cách)

  • Chia sẻ vị trí hiện tại của nhau trên bản đồ.
  • Tính năng đặc biệt: Tự động tính toán khoảng cách địa lý giữa hai người (hỗ trợ các cặp đôi yêu xa).

4. 🛒 Couple Shop (Cửa hàng)

  • Hệ thống thương mại điện tử tích hợp.
  • Chuyên cung cấp đồ đôi, quà tặng kỷ niệm.
  • Giỏ hàng và quy trình thanh toán tối ưu.

5. 📔 Memory Scrapbook (Lưu giữ kỷ niệm)

  • Lưu trữ hình ảnh, video theo dòng thời gian (Timeline).
  • Ghi lại những cột mốc đáng nhớ trong hành trình yêu nhau.

🛠️ Công nghệ Sử dụng

Frontend (Giao diện)

  • ReactJS: Xây dựng Single Page Application (SPA) mượt mà.
  • Bootstrap 5: Thiết kế Responsive, tương thích mọi thiết bị (Mobile/Desktop).
  • Context API: Quản lý trạng thái ứng dụng (State Management).

Backend (Xử lý & API)

  • NodeJS: Môi trường thực thi JavaScript server-side.
  • ExpressJS: Framework xây dựng RESTful API nhanh chóng.
  • Socket.io: Xử lý các kết nối hai chiều thời gian thực (Real-time) cho tính năng Chat và Thông báo.

Database (Cơ sở dữ liệu)

  • MySQL: Cơ sở dữ liệu quan hệ (RDBMS) để quản lý chặt chẽ dữ liệu người dùng, đơn hàng và lịch sử tin nhắn.

Tích hợp khác

  • Leaflet: Dịch vụ bản đồ số.

📞 Liên hệ

Nếu bạn quan tâm đến dự án này hoặc muốn trao đổi thêm về kỹ thuật, hãy liên hệ với tôi:

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages