React Js Admin Dashboard

live demo: https://react-admin-dashboard-ochre.vercel.app//


Made with ❤️ by Dulanjali Senarathna


Project Description

Mainly focused on react js front-end development. I used css for styling. Also, this application used React Context API for state management. Admin dashboard uses Syncfusion components for charts, calendar, kanban board and etc.

This admn dashboard has basic e-commerce functionalities such as loading orders, employees, customers. Users can use calnder for adding tasks and viewing tasks etc. We can implement crud operations using backend in future.

You can change theming colors and dark and light modes by clicking settings icon in bottom-right cornaer.

What I used

Requirements

  • Basic ReactJs knowledge
  • Basic HTML, CSS knowledge

Getting Started

After getting the project files, you need to go the file directory and run

npm install

and after that start the dev server.

npm start

Tools Used

  1. Favicon: Flaticon.com
  2. Code Editor: VS Code

FAQ

Q: What are the prerequisites?

basics of html, css, javascript and some basic knowledge of react is enough to start this project. Rest you will learn in the tutorial.

Q: Who the project is for?

The project is for the people who wanna get more skilled in ReactJs.


Feedback

If you have any feedback, please reach out to us at Dulanjali Senarathna

Happy Coding! 🚀

Website's screenshots

2

1

3

4

5

6

7

8

9

10

11

Dark mode

12