/react_admin_dashboard

In this project, you will see a front dashboard. I used Recharts for graphical display. I created the data reflected on the screen as dummydata.

Primary LanguageJavaScript

Click for my projectπŸ‘‰

🚩 PROJECT STRUCTURE

.
β”œβ”€β”€ App.css
β”œβ”€β”€ App.js
β”œβ”€β”€ components
β”‚   β”œβ”€β”€ Chart.js
β”‚   β”œβ”€β”€ Featured.jsx
β”‚   β”œβ”€β”€ LastTransction.jsx
β”‚   β”œβ”€β”€ Navbar.jsx
β”‚   β”œβ”€β”€ NewMembers.jsx
β”‚   β”œβ”€β”€ Sidebar.jsx
β”‚   └── styles
β”‚       β”œβ”€β”€ Featured.styled.jsx
β”‚       β”œβ”€β”€ LastTransaction.styled.jsx
β”‚       β”œβ”€β”€ Navbar.styled.js
β”‚       β”œβ”€β”€ NewMember.styled.jsx
β”‚       └── Sidebar.styled.js
β”œβ”€β”€ helper
β”‚   └── dummyData.js
β”œβ”€β”€ index.css
β”œβ”€β”€ index.js
└── pages
    └── Home.jsx

🚩 Libraries and Technologies I use

  • React
  • Styled Components
  • React Router Dom (6.3v)
  • Recharts

🚩 How does my project look

dashboard1

🚩 How To Use

To clone and run this application, you'll need Git

# Clone this repository ($ git clone https://github.com/brs14shn/react_admin_dashboard/)
> run command npm install
> Open the runserver