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

https://github.com/ocskier/pet-store

A multiple permissions app using React, Typescript, Redux-like state management and React-Router 6
https://github.com/ocskier/pet-store

javascript material-ui npm react react-router typescript yarn

Last synced: 3 months ago
JSON representation

A multiple permissions app using React, Typescript, Redux-like state management and React-Router 6

Awesome Lists containing this project

README

          

# Jackson's Pet Store

A pet store app that allows for public viewing of pets available and sold, as well as authentication for customer buying and admin marking sold and polling for sold pets.

[![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)

https://user-images.githubusercontent.com/36890724/143811676-a2327507-3dcb-46b9-abd5-a8e1bbe8f860.mp4

## Prerequisites

* Node >=14.x
* Yarn >=1.x

## Technologies

![node](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white)

![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![TS](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)

![Material-UI](https://img.shields.io/badge/Material--UI-0081CB?style=for-the-badge&logo=material-ui&logoColor=white)

## Installation

If you do not have Yarn installed:

**Install via npm**

It is recommended to install Yarn through the npm package manager, which comes bundled with Node.js when you install it on your system.
Once you have npm installed you can run the following both to install and upgrade Yarn:

```bash
npm install --global yarn
```

* Clone the repo

```bash
yarn install
```

Alternatively, you can delete the `package-lock.json` file and run the same commands with `npm`

## Usage

```bash
yarn start
```

- Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

- The page will reload if you make edits.\
You will also see any lint errors in the console.

## Running Tests

```bash
yarn test
```

## Deployment

[Azure via DevOps](https://pet-store-hca.azurewebsites.net)

## Authors

[Jon Jackson](http://github.com/ocskier)

## License

[License](LICENSE)
## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).