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

https://github.com/potlitel/bonsai-catalog-cssgrid

Bonsai Catalog!
https://github.com/potlitel/bonsai-catalog-cssgrid

react reactjs

Last synced: 3 months ago
JSON representation

Bonsai Catalog!

Awesome Lists containing this project

README

        





Logo

Bonsai Catalog CssGrid - React


project_description


Explore the docs »




View Demo
·
Report Bug
·
Request Feature


Table of Contents



  1. About The Project



  2. Getting Started


  3. Usage

  4. Roadmap

  5. Contributing

  6. License

  7. Contact

  8. Acknowledgments

## About The Project

Logo

Here's a blank template to get started: To avoid retyping too much info. Do a search and replace with your text editor for the following: `github_username`, `repo_name`, `twitter_handle`, `linkedin_username`, `email_client`, `email`, `project_title`, `project_description`

(back to top)

### Built With

* [Reactjs](https://es.reacjts.org)
* [Vite](https://vitejs.dev/)

(back to top)

## Getting Started

This repo is a rich clone of [Dashboard Sidebar Navigation](https://tailwindcomponents.com/component/dashboard-sidebar-navigation). Is an step-by-step guide to show you how to create a REST Web API in C# with ASP.NET Core 5.0 and Visual Studio Code. And how test it using either Swagger or a REST Client extension..

### Prerequisites

1. First you need to check if you have installed any node version, for this use the following CLI (Command-Line Interface) command:

```sh
node --version
```
If you do not have any version of node installed, you can proceed to download it from the following [url](https://nodejs.org/es/) and install it on your machine. Keep in mind that the Node.js installer include NPM.

2. Install an appropiate code editor or Interactive Development Environmente (IDE). I've have the best experiences with Visual Studio Code, so that gets my personal recommendation, but you can use anything you are comfortable with!

3. Finally, install any Reactjs extension to get IntelliSense features in VSCode.

### Installation

1. Clone the repo
```sh
git clone https://github.com/potlitel/Bonsai-Catalog-CssGrid.git
```
2. Change directory to recently cloned project on previous step
```sh
cd Bonsai-Catalog-CssGrid
```
3. Install the dependencies
```js
npm install
```
4. Running the project
```js
npm run dev
```

(back to top)

## Usage

Use this space to show useful examples of how a project can be used. Additional screenshots, code examples and demos work well in this space. You may also link to more resources.

_For more examples, please refer to the [Documentation](https://example.com)_

(back to top)

## Roadmap

- [ ] Feature 1
- [ ] Feature 2
- [ ] Feature 3
- [ ] Nested Feature

See the [open issues](https://github.com/github_username/repo_name/issues) for a full list of proposed features (and known issues).

(back to top)

## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

(back to top)

## License

Distributed under the MIT License. See `LICENSE.txt` for more information.

(back to top)

## Contact

Your Name - [@twitter_handle](https://twitter.com/potlitel) - [email protected]

Project Link: [https://github.com/potlitel/Bonsai-Catalog-CssGrid](https://github.com/potlitel/Bonsai-Catalog-CssGrid)

(back to top)

## Acknowledgments

List of resources I find helpful and would like to give credit to. I've included a few of my favorites to kick things off!

* [How to Build a Custom Pagination Component in React](https://codepen.io/lukewheeler/pen/QeKzjM)
* [mayankshubham/react-pagination](https://codepen.io/gillescastel/pen/qRxZQa)
* [react-pagination](https://codepen.io/baahubali92/pen/KbRBxJ)

(back to top)

[contributors-shield]: https://img.shields.io/github/contributors/github_username/repo_name.svg?style=for-the-badge
[contributors-url]: https://github.com/github_username/repo_name/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/github_username/repo_name.svg?style=for-the-badge
[forks-url]: https://github.com/github_username/repo_name/network/members
[stars-shield]: https://img.shields.io/github/stars/github_username/repo_name.svg?style=for-the-badge
[stars-url]: https://github.com/github_username/repo_name/stargazers
[issues-shield]: https://img.shields.io/github/issues/github_username/repo_name.svg?style=for-the-badge
[issues-url]: https://github.com/github_username/repo_name/issues
[license-shield]: https://img.shields.io/github/license/github_username/repo_name.svg?style=for-the-badge
[license-url]: https://github.com/github_username/repo_name/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/linkedin_username
[product-screenshot]: images/screenshot.png