Skip to content

Latest commit

 

History

History
90 lines (58 loc) · 1.56 KB

README.md

File metadata and controls

90 lines (58 loc) · 1.56 KB

Dashboard Ant Design [On Progress]

Build Status

Introduction

This project is a personal project and you can copy it but don't claim it, I made this project using React Typescript, Ant Design and Tailwind CSS. If you like this project, please support me and if you have input regarding this project or take part, you can contact me. I via GitHub or email. Thank you and happy coding

Features

  • React Js & Typescript
  • Ant Design
  • Tailwind

Tutorial

1. Set Up Your Development Environment

Ensure you have Node.js and npm installed. If not, download and install them from Node.js official website.

2. Clone This Repository

git clone https://github.com/aliimron123/dashboard-antdesign.git

3. Install React Project

Install all dependencies

npm install

If you wat create your project not clone in this repo you should install react first you can follow this guide,

  1. you can create or install react using create-react-app:
npx create-react-app [your-app-name]
cd [your-app-name]

2.Install Ant Design

npm install antd

3.Install Tailwind CSS

npm install -D tailwindcss

4.Create Configuration For Tailwind

npx tailwindcss init

And then configure your template paths in tailwind.config.js:

module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

4.Run the Project

npm start

or

npm run start