[Mã code 48955]

ReactJS Typescript Admin Page Template

  (1 Đánh giá)
  0       211    

Admin Page Template sử dụng ReactJS - Typescript - Masterial UI, cấu trúc thư mục dễ phát triển

Danh mục
Thể loại
Ngày đăng
24-3-2024
Loại file
Full code
File download
 react-admin-page-template.zip [691 KB]
CAM KẾT TỪ NGƯỜI BÁN
Cam kết hỗ trợ cài đặt

(Hạng vàng)
Xem trang

Source code
1

Đánh giá (1)
5/5

Ngày tham gia
10/3/2024

Có Tích hợp các chức năng Light/Dark mode, Multipe Language

Các công nghệ sử dụng

  • ReactJS

  • Redux Toolkit

  • Typescript

  • Masterial UI

  • axios

  • formik, Yup

  • i18n, dayjs, chart.js,...

Cấu trúc thư mục

assets

  • Chứa các tài nguyên của dự án: ảnh, font chữ, css, translate,...

components

  • Tập hợp các component dùng chung : Button, Tab, Table, Checkbox, ... sử dụng trên các file trong dự án.

constants

  • Định nghĩa các hằng số dùng trong dự án

content/modules

  • Nội dung của từng page

layouts

  • Tập hợp các layout được dùng trong Prj: Login, Status Page, Main Page,...

models

  • Định nghĩa trường thông tin của đối tượng

services

  • Tập hợp các request đến api

store (Nếu sử dụng redux)

  • Quản lý các state của ứng dụng

theme

untils

  • Tập hợp các chức năng tiện ích được sử dụng nhiều lần trong dự án


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

HÌNH ẢNH DEMO


Template,React Admin,Typescript,Masterial Ui,Admin Dashboard Template

Template,React Admin,Typescript,Masterial Ui,Admin Dashboard Template

Template,React Admin,Typescript,Masterial Ui,Admin Dashboard Template

Template,React Admin,Typescript,Masterial Ui,Admin Dashboard Template

Template,React Admin,Typescript,Masterial Ui,Admin Dashboard Template

Template,React Admin,Typescript,Masterial Ui,Admin Dashboard Template

Template,React Admin,Typescript,Masterial Ui,Admin Dashboard Template

Template,React Admin,Typescript,Masterial Ui,Admin Dashboard Template

Template,React Admin,Typescript,Masterial Ui,Admin Dashboard Template


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

Bước 1: Kiểm tra trong máy đã có nodejs chưa? Nếu chưa có thì cài đặt nodejs https://nodejs.org/en

Bước 2: Truy cập vào thư mục source code, mở terminal lên gõ npm install --legacy-peer-deps để cài đặt Packages

Bước 3: Đợi tiến trình cài đặt Packages xong, gõ npm start để chạy ứng dụng.




Nguồn: Topcode.vn

BÌNH LUẬN (0)


ĐÁNH GIÁ (1)

Đ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á
19:39 - 24/3/2024
Code rất tốt
Code rất tốt và phù hợp để phát triển
HỖ TRỢ TRỰC TUYẾN