Build and Deploy a React Admin Dashboard App
With Theming, Tables, Charts, Calendar, Kanban and More...
This Admin Panel includes one Dashboard, Three Pages, Four Apps, and Seven fully functional charts! ⭐
- In today’s world, every online program interface (mainly e-commerce platforms) contains a page where information and data about customers, clients, and consumers is shown or monitored.
- This information/data could be based on purchases, financial transactions, or consumer service statistics.
- An Admin Dashboard is a visual representation of your whole data set. While it can be used in various ways, its primary function is to allow quick access to information, such as APIs.
- An Admin Dashboard is often shown on its own website and receives data from a linked database.
So, today, we’ll develop a responsive and interactive Admin Dashboard using the well-known React JavaScript framework, plus the Material UI and Rechart libraries .
Before starting, you need to install the following on your computer.
Set of guidelines to help you during the contribution process.
🌟 Choose an issue/ Create an issue
- Look for the existing issue or create your own issue.
- Comment on the respective issue you would like to work before creating a Pull Request.
- Wait for the issue to be assigned to you after which you can start working on it.
🌟 Fork this repository by clicking on the "Fork" button.
🌟 Clone the forked repository https://github.com/<Your-username>/Admin-Panel.git
Keep a reference to the original project in upstream remote.
cd <repo-name>
git remote add upstream https://github.com/<upstream-owner>/<repo-name>
git remote -v # To the check the remotes for this repository If the project is forked already, update the copy before working.
git remote update
git checkout <branch-name>
git rebase upstream/<branch-name>🌟 Create a new branch
# It will create a new branch with name branch_name and switch to that branch
git checkout -b branch_name🌟 Work on the issue assigned, make the necessary changes in the files/folders needed.
# To add all new files to branch Branch_Name
git add .
# To add only a few files to Branch_Name
git add <file name>🌟 Commit the changes
git commit -m "message" Note : A Pull Request should always have only one commit.
🌟 Push the changes
git push origin branch_name🌟 Create a Pull Request
- Go to your repository in the browser and click on compare and pull request.
- After which the pull request will be reviewed and the maintainer will provide the reviews required for the changes.
- If no changes are needed, this means that your Pull Request has been reviewed and will be merged to the original code base by the maintainer.
- Fork the repo
- Clone the repository
https://github.com/<Your-username>/Admin-Panel.git - Run
cd Admin-Panelto change the working directory - Run
npm installto install all dependencies - Run
npm startto start the application - Visit http://localhost:3000 to view the application
React is one of the most popular web frontend libraries in the world, hitting almost 30 million downloads every month according to the NPM trends tracker. It is a declarative and component-based library, making use of the so-called state to propagate changes throughout the components of your application.
tourism-website is licensed under the AGPL-3.0 license v3.0 - see the LICENSE file for details.
This project needs a ⭐️ from you. Don't forget to leave a star ⭐️
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent