Miễn phí code ứng dụng Todo List đơn giản với ReactJS (React hooks) + Bootstrap 5

[Mã code 35770]
  1 Đánh giá    Viết đánh giá
 29      381      0
Phí tải: Miễn phí
Danh mục
Thể loại
Nhóm code
Ngày đăng
06-4-2023
Loại file
Full code
Dung lượng
320 KB

Ứng dụng todo List đơn giản được viết bằng ReactJS và Bootsrap với các chức năng cơ bản như thêm mới, hiển thị, xóa. Ngoài ra còn có chức năng lọc và tùy chỉnh phông nền


MÔ TẢ CHI TIẾT

Ứng dụng todo list sử dụng thư viện ReactJS + Bootstrap 5 để xây dựng giao diện, ngoài ra sử dụng vài thư viện bổ trợ khác hỗ trợ xây dựng giao diện như react-hot-toast, reactstrap, react-icons. Dữ liệu sau khi được thêm sẽ được lưu vào trong localStorage. Ứng dụng bao gồm các chức năng đơn giản như:

  • Thêm mới công việc
  • Hiện thị danh sách công việc
  • Xóa công việc
  • Chỉnh sửa phông nền
  • Lọc theo trạng thái công việc

NOTE: Ứng dụng còn một vài bug về giao diện nên mong các bạn thông cảm


XEM THÊM ==> Hướng dẫn cài đặt chi tiết

 

HÌNH ẢNH DEMO

Code todo list,Source code reactJS bootstrap5,code ứng dụng Todo List,source code ứng dụng Todo List

Code todo list,Source code reactJS bootstrap5,code ứng dụng Todo List,source code ứng dụng Todo List

Code todo list,Source code reactJS bootstrap5,code ứng dụng Todo List,source code ứng dụng Todo List

Nguồn: Sharecode.vn



HƯỚNG DẪN CÀI ĐẶT

Tải về sau đó giải nén.

-Sau đó vào thư mục vừa giải nén và mở terminal lên rồi gõ  lệnh npm install hoặc yarn install (tùy vào trình quản lý gói trên máy bạn).

LƯU Ý:Bạn phải đảm bảo máy tính của bạn đã cài đặt  NODEJS

 
 
LINK DOWNLOAD

todo-list-main.zip [320 KB]

File đã được kiểm thử
     Báo vi phạm bản quyền
Pass giải nén (Nếu có):
sharecode.vn
DOWNLOAD
(Miễn phí)
Bạn có code hay
ĐĂNG BÁN NGAY

CODE GẦN GIỐNG


BÌNH LUẬN



ĐÁNH GIÁ


ĐIỂM TRUNG BÌNH

5
1 Đánh giá
Code rất tốt (1)
Code tốt (0)
Code rất hay (0)
Code hay (0)
Bình thường (0)
Thành viên
Nội dung đánh giá
23:03 - 6/4/2023
Code rất tốt
Code rất tốt và phù hợp để phát triển

 HỖ TRỢ TRỰC TUYẾN