Free Admin Dashboard
1.0.0
무료 관리 대시보드는 Figma에서 설계되고 React.js, Tailwind CSS 및 TypeScript로 개발된 오픈 소스 관리 템플릿입니다. 이 프로젝트의 목표는 최고의 React.js 사례를 따라 고품질의 프리미엄 디자인 대시보드 템플릿을 제공하는 것입니다. 이 React 관리 대시보드는 제어 및 비제어 구성 요소 디자인 패턴, 사용자 정의 후크 패턴, 레이아웃 구성 요소 패턴, 구성 요소 구성 패턴, 복합 구성 요소 디자인 패턴 등과 같은 고급 React.js 디자인 패턴을 사용하여 생성됩니다. 이것은 주로 전자 상거래 대시보드 템플릿이지만 앞으로 저장소가 인기를 얻으면 더 많은 틈새로 확장할 것입니다. 대시보드는 완벽하게 반응하며 무료로 다운로드 할 수 있습니다.
관리자 대시보드 디자인은 전자상거래 대시보드 UI 디자인의 기본 및 모범 사례를 따라 Figma에서 디자인되었습니다. 내 목표는 가능한 한 간단하고 프리미엄 사용자 인터페이스를 사용하여 만드는 것입니다. 완전한 디자인은 최종 사용자를 염두에 두고 만들어집니다. 모든 유형의 전자상거래 웹사이트에 대해 관리자 패널 템플릿을 사용할 수 있으며 백엔드와 연결하기만 하면 모든 것이 원활하게 작동합니다. 전자상거래 웹사이트의 관리 패널은 완전한 오픈 소스 이므로 원하는 경우 더 많은 기능을 쉽게 추가할 수 있습니다. 관리자 대시보드 템플릿 소스 코드는 모범 사례에 따라 작성되었으므로 문제가 없습니다. React 대시보드는 완벽하게 사용자 정의가 가능하고 유연하므로 쉽게 자신만의 것으로 만들 수 있습니다. 관리자 패널 디자인은 시각적 계층 구조, 근접성, 공백, 일관성, 대비 등과 같은 최고의 디자인 사례를 따라 설계되었습니다.
무료 관리 대시보드 프로젝트가 마음에 든다면 GitHub에서 별표를 표시하여 프로젝트를 지원하고 더 많은 훌륭한 기능을 추가할 동기를 부여해 주세요.
앱 실행에 대한 비디오 지침을 볼 수 있는 YouTube 링크는 다음과 같습니다: https://www.youtube.com/watch?v=cydXOmMhbtQ
1. 앱을 실행하려면 먼저 컴퓨터에 Node.js와 npm을 다운로드하여 설치해야 합니다. 설치 방법을 설명하는 튜토리얼 링크는 다음과 같습니다: https://www.youtube.com/watch?v=4FAtFwKVhn0. 또한 다운로드할 수 있는 링크는 다음과 같습니다: https://nodejs.org/en
2. 컴퓨터에 필요한 모든 프로그램을 설치한 후에는 프로젝트를 다운로드해야 합니다. 프로젝트를 다운로드하면 압축을 풀어야 합니다.
3. 프로젝트를 추출한 후 선택한 터미널에서 프로젝트 폴더를 열고 다음을 작성해야 합니다.
npm install
4. 프로젝트를 실행하려면 다음을 작성하세요.
npm run dev
5. 앱을 보려면 선택한 브라우저로 이동하여 URL에 http://localhost:5173을 입력하세요.
