Admin Panel 📊

Build and Deploy a React Admin Dashboard App
With Theming, Tables, Charts, Calendar, Kanban and More...

🚀 About

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 .

Project Video 👇

Click here

📷 Screenshots

🧾 Prerequisites

Before starting, you need to install the following on your computer.

👨🏻‍💻 Contributing Guidelines

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.

🛠️ Installation

1. Fork the repo
2. Clone the repository https://github.com/<Your-username>/Admin-Panel.git
3. Run cd Admin-Panel to change the working directory
4. Run npm install to install all dependencies
5. Run npm start to start the application
6. Visit http://localhost:3000 to view the application

Tech Stack Used

React.js

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.

🛡️ License

tourism-website is licensed under the AGPL-3.0 license v3.0 - see the LICENSE file for details.

🙏 Support

This project needs a ⭐️ from you. Don't forget to leave a star ⭐️