Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/nkaleth/best_sellers_books

Single-page application (SPA) built with React and Redux about the data retrieved from the New York Time's API from Best Sellers Books.
https://github.com/nkaleth/best_sellers_books

api-rest axios-react books css-flexbox css-grid jest-tests react-router reactjs redux-toolkit testing

Last synced: 25 days ago
JSON representation

Single-page application (SPA) built with React and Redux about the data retrieved from the New York Time's API from Best Sellers Books.

Host: GitHub
URL: https://github.com/nkaleth/best_sellers_books
Owner: Nkaleth
Created: 2023-03-13T20:36:41.000Z (almost 2 years ago)
Default Branch: dev
Last Pushed: 2024-02-02T23:06:02.000Z (11 months ago)
Last Synced: 2024-11-30T17:02:37.335Z (about 1 month ago)
Topics: api-rest, axios-react, books, css-flexbox, css-grid, jest-tests, react-router, reactjs, redux-toolkit, testing
Language: JavaScript
Homepage: https://new-york-times-best-seller-books.onrender.com
Size: 1.95 MB
Stars: 5
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        



  

  

  




# 📗 Table of Contents

- [📗 Table of Contents](#-table-of-contents)

- [📖 Best Sellers Books ](#-Best-Sellers-Books-)

  - [🛠 Built With ](#-built-with-)

    - [Tech Stack ](#tech-stack-)

    - [Key Features ](#key-features-)

  - [🚀 Live Demo ](#-live-demo-)

  - [💻 Getting Started ](#-getting-started-)

    - [Prerequisites](#prerequisites)

    - [Setup](#setup)

    - [Install](#install)

    - [Usage](#usage)

    - [Run tests](#run-tests)

    - [Deployment](#deployment)

  - [👥 Authors ](#-authors-)

  - [🔭 Future Features ](#-future-features-)

  - [🤝 Contributing ](#-contributing-)

  - [⭐️ Show your support ](#️-show-your-support-)

  - [🙏 Acknowledgments ](#-acknowledgments-)

  - [📝 License ](#-license-)

#  Best Sellers Books

> WebApp about the data of best selling books according New York Times Books API.

## 🛠 Built With 

### Tech Stack 

> This project uses the following stack :

  Client

  


    HTML

    CSS

     JavaScript

     ReactJs

  


### Key Features 

> Here are some key features of the application :

- **Learn how to use proper ES6 syntax.**

- **Use ES6 modules to write modular JavaScript.**

- **Follow Gitflow.**

- **Handle events in a React app.**

- **Use React life cycle methods.**

- **Understand the mechanism of lifting state up.**

- **Use React Router.**

- **Understand the concept of state management.**

- **Use store, actions, and reducers in React.**

- **Connect an existing API via Redux and use the data to display something in a UI.**

(back to top)


## 🚀 Live Demo 

[Live Demo](https://new-york-times-best-seller-books.onrender.com/)

(back to top)


## 💻 Getting Started 

> Clone the repository by clicking on the 'Code' button and copy the link

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

### Prerequisites

In order to run this project you need:

-visual studio

-github

### Setup

Clone this repository to your desired folder:

```sh

  mkdir my-folder

  cd my-folder

  git clone https://github.com/Nkaleth/best_sellers_books.git

```

-

### Install

Install this project with:

```

  npm install

```

### Usage I

Change the main branch to the right one, execute the following command:

```sh

  git checkout dev

```

### Usage II

To run the project, execute the following command:

```sh

  npm start

```

### Run tests

To run tests, run the following command:

Example command:

To run the webhint linter

```sh

  npx hint .

```

To run the stylehint linter

```sh

  npx stylehint "**/*.{css,scss}"

```

To run the ESLint linter

```sh

  npx eslint "**/*.{js,jsx}" 

```

(back to top)


## 👥 Author 

👤 **Nilton Segura**

- GitHub: [@Nkaleth](https://github.com/Nkaleth)

- Twitter: [@NoeSeguraL](https://twitter.com/NoeSeguraL)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/niltonsegura/)

(back to top)


## 🔭 Future Features 

- **Transitions and/or animations**

- **implement additional pages in the website (each with a route in the SPA): about me, references, etc**

(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 follow me and star it!

(back to top)


## 🙏 Acknowledgments 

I would like to thank to [Nelson Sakwa](https://www.behance.net/sakwadesignstudio) the author of the original design.


(back to top)


## 📝 License 

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

(back to top)