An open API service indexing awesome lists of open source software.

https://github.com/rysth/react-coverpro

REACT CoverPro is a CRM Dashboard application for a University Project called CoverPro where users can take a look at an incredible good-looking design. Build with HTML, CSS, JavaScript, and React.
https://github.com/rysth/react-coverpro

Last synced: over 1 year ago
JSON representation

REACT CoverPro is a CRM Dashboard application for a University Project called CoverPro where users can take a look at an incredible good-looking design. Build with HTML, CSS, JavaScript, and React.

Awesome Lists containing this project

README

          


logo


John Palacios - RysthCraft


# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [Future Features](#future-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Commands](#commands)
- [Test](#test)
- [👥 Authors](#authors)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 REACT CoverPro

- **REACT CoverPro** is a CRM Dashboard application for a University Project called CoverPro where users can take a look at an incredible good-looking design. Build with HTML, CSS, JavaScript, and React.

## 🛠 Built With

### Tech Stack

- [HTML](https://www.w3schools.com/html/)
- [CSS](https://www.w3schools.com/css/)
- [JavaScript](https://www.w3schools.com/js/)
- [React](https://react.dev/)

### Key Features

- Excellent Design based on a Figma Community Design.
- Use of [React Router](https://reactrouter.com/en/main) for the Navigation.
- Added a Chart component provided by [Apexcharts](https://apexcharts.com/).

### Future Features

- Use a Database to support this project.
- Add the remaining pages.

(back to top)

### 🚀 Live Demo

![image](https://github.com/Rysth/REACT-CoverPro/assets/115722896/4a10f7df-951e-4774-8eb7-46baee68fe54)

- [Live Demo](https://react-coverpro.onrender.com/)

## 💻 Getting Started

To get a local copy up and running, follow these steps.

### Setup

Clone this repository to your desired folder:

```
git clone https://github.com/Rysth/REACT-CoverPro.git
cd REACT-CoverPro
code . (To open VS Code Editor)
```

Then, you will change everything you want!

### Commands

- ✔️ _npm start_:
Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

- ✔️ _npm test_:
Launches the test runner in the interactive watch mode. See the section about running tests for more information.

- ✔️ _npm run build_:
Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

### Test

In order to follow the Linters you could check them using this:

```
CSS Checker:
npx stylelint "**/*.{css,scss}"

ESLint Checker:
npx eslint "**/*.{js,jsx}"
```

_Use at the end '--fix' to help you out with any error._

(back to top)

## 👥 Authors

👤 **John Palacios**

- GitHub: [@rysthcraft](https://github.com/Rysth)
- Linkedin: [@johnpalacios](https://www.linkedin.com/in/john-rysthcraft/)

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)

## ⭐️ Show your support

If you like this project feel free to watch it and take some features that will enhance your project
as well.

(back to top)

## 🙏 Acknowledgments

I would like to thank the Microverse Team for reviewing my code and making me a better
professional.

Also, I would like to special thanks to [NimiMartins](https://www.figma.com/community/file/1009127355864357944) for the Figma Template provided.

(back to top)

## 📝 License

This project is [MIT](./LICENSE.md) licensed.

(back to top)