Giter VIP home page Giter VIP logo

admin-panel's Introduction

Admin Panel πŸ“Š

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




This project is a part of the following Open Source Program!

68747470733a2f2f692e706f7374696d672e63632f6b34306e747356342f31353030783530302e6a7067

πŸš€ 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

Screenshot (313) Screenshot (314)

🧾 Prerequisites

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

NodeJS

Git

NPM

πŸ‘¨πŸ»β€πŸ’» 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

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 ⭐️

admin-panel's People

Contributors

swarnavopramanik avatar nishitbaria avatar subrat611 avatar muskangarg24 avatar the-amazing-atharva avatar bhartik021 avatar imrannawar avatar kalpanathmajhi avatar manishaswain8 avatar thexro avatar shraddha761 avatar tuhinaww avatar ghat0tkach avatar shanvijha30 avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.