Dashboard Template with ReactJS

A simple and basic Dashboard template developed with ReactJs

See a Live Demo

Technologies   |    How To Use   

:rocket: Technologies

This project was developed by me in a personal project, but, i am making open-source for more contribs.

• ReactJS
• React-Router-Dom
• Redux
• React-Notifications-Component
• Styled Components
• React-Icons
• Styled-React-Modal

:information_source: How To Use

In order to use it, you need to clone this repository and run the following steps from your command line:

# Clone this repository

$ git clone https://github.com/luisotavio756/dashboard-reactjs.git

# Go into the repository

$ cd dashboard-reactjs

# Install packages

$ yarn install or npm install

# Run start and enjoy

$ yarn start or npm start

# Enjoy!

:rocket: Some Components and Updates that I seek for contributions

You may develop others, if you have any good idea.

• Dark and Light Mode
• Breadcrumb Component
• Betters forms rows
• Navbar with icons actions like config, profile, notifications...
• Profile page
• Beautiful and correct CSS
• Better responsiveness

:heart: How To Contrib

To contribute, you need to fork this repository and create a new branch with the name of your contribution, like:

# Clone this repository

$ git clone https://github.com/luisotavio756/dashboard-reactjs.git

# Go into the repository

$ cd dashboard-reactjs

# Create a Branch
OBS: Always add prefix "component-name_of_your_component" if you let create a new component, "update-name_of_component_updated", if you update some css or component.

$ git branch component-breadcrumb

# Checkout branch

$ git checkout component-breadcrumb

After this, you may develop the new feature. Once you are done, send a pull request and contact me to check your contribution and merge it into master. Also, I will add credits for you in this repository :smile:

Made with ♥ by Luis Otávio Visit my LinkedIn! :wave: Send a message in my WhatsApp :rocket: