Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/iambenkis/bookshelves

This React capstone project , I built a mobile web application to check a list of metrics (numeric values) that I create making use of React and Redux. I selected an API that provides numeric data about books and then build the webapp around it.
https://github.com/iambenkis/bookshelves

Last synced: about 20 hours ago
JSON representation

This React capstone project , I built a mobile web application to check a list of metrics (numeric values) that I create making use of React and Redux. I selected an API that provides numeric data about books and then build the webapp around it.

Awesome Lists containing this project

README

        

# BookShelves metrics app

![Microverse](https://img.shields.io/badge/Microverse-blueviolet)

>This App is showing few books details, like: title, author, image url, price, review and description.

## Built With

- Major languages
- Javascript
- HTML/CSS
- Frameworks & Libraries
- React
- Redux
- Technologies used

![FireShot Capture 003 - Multi Device Website Mockup Generator - techsini com](https://user-images.githubusercontent.com/80458199/195976138-60eff7e9-624d-41b2-a705-a96b24042da2.png)

## Live Demo (if available)

- Deployed to Netlify. Click below link to visit.

## Live Demo

[Live Demo](https://634a5de47268306b6cf8fb28--scintillating-cupcake-d003b8.netlify.app/)

## Project Video Description

[Video Presentation](https://drive.google.com/file/d/1YgUeWXF2ihYwtJl1Ut4FGh_CRpcdL2iA/view?usp=sharing)

## Getting Started.

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

- Open your terminal and navigate to desired folder.

- Clone the project from the repo `git clone https://github.com/iambenkis/Bookshelves.git`.

- Change directory to Math Mmagicians folder `cd Bookshelves`.

- To start the project on local web server, run `npm run start`.

- After this you should be able to see the project on your browser, if not open your browser and visit [http://localhost:3000/](http://localhost:3000/) to view the project.

- To run the available tests, run `npm run test`.

### Prerequisites

- NodeJS - [v16.x](https://nodejs.org/en/)

### Setup

```bash
git clone https://github.com/iambenkis/Bookshelves.git
cd ./Bookshelves
```

### Install

```bash
npm install
```

### Usage

```bash
npm start
```

### Build

```bash
npm run build
```

### Run tests

```bash
npm test
```

### Deployment

- Deployed to Netlify.

## Author

👤 **Benjamin Kisenge (Me)**

* GitHub: [@benjamin kisenge](https://github.com/iambenkis)
* Twitter: [@benjamin kisenge](https://twitter.com/iambenkis)
* LinkedIn: [benjamin kisenge](https://www.linkedin.com/in/ben-kisenge/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/iambenkis/Bookshelves/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Microverse
- Original design idea by [Nelson Sakwa on Behance](https://www.behance.net/gallery/31579789/Ballhead-App-(Free-PSDs))
- Powered by [BOOK_SELVES_API](https://rapidapi.com/Ionut-Cora/api/bookshelves/)

## 📝 License

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