https://github.com/swarnavopramanik/admin-panel
This Admin Panel includes one Dashboard, Three Pages, Four Apps, and Seven fully functional charts! ⭐
https://github.com/swarnavopramanik/admin-panel
dashboard dashboard-application dashbord-admin-ecommerce
Last synced: 11 months ago
JSON representation
This Admin Panel includes one Dashboard, Three Pages, Four Apps, and Seven fully functional charts! ⭐
- Host: GitHub
- URL: https://github.com/swarnavopramanik/admin-panel
- Owner: swarnavopramanik
- License: agpl-3.0
- Created: 2023-01-13T07:33:08.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-04-03T14:16:47.000Z (about 2 years ago)
- Last Synced: 2025-04-05T12:33:19.951Z (about 1 year ago)
- Topics: dashboard, dashboard-application, dashbord-admin-ecommerce
- Language: JavaScript
- Homepage:
- Size: 4.56 MB
- Stars: 20
- Watchers: 0
- Forks: 42
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: license.txt
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
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](https://vimeo.com/787277546)
## 📷 Screenshots
### 🧾 Prerequisites
Before starting, you need to install the following on your computer.
[](https://nodejs.org/en/download/)
[](https://git-scm.com/downloads)
[](https://www.npmjs.com/)
### 👨🏻💻 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//Admin-Panel.git`
Keep a reference to the original project in `upstream` remote.
```bash
cd
git remote add upstream https://github.com//
git remote -v # To the check the remotes for this repository
```
If the project is forked already, update the copy before working.
```bash
git remote update
git checkout
git rebase upstream/
```
🌟 Create a new branch
```bash
# 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.
```bash
# To add all new files to branch Branch_Name
git add .
# To add only a few files to Branch_Name
git add
```
🌟 Commit the changes
```bash
git commit -m "message"
```
Note : A Pull Request should always have only one commit.
🌟 Push the changes
```bash
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//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](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](https://github.com/swarnavopramanik/Admin-Panel/blob/main/license.txt) - see the LICENSE file for details.
## 🙏 Support
This project needs a ⭐️ from you. Don't forget to leave a star ⭐️