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

https://github.com/yaairfernando/redux-api

React and redux application that make an API request to JSONPLACEHOLDER
https://github.com/yaairfernando/redux-api

api-server axios bootstrap jsonplaceholder-api middleware react react-redux redux redux-thunk

Last synced: about 1 month ago
JSON representation

React and redux application that make an API request to JSONPLACEHOLDER

Awesome Lists containing this project

README

          

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![LinkedIn][linkedin-shield2]][linkedin-url2]
[![Hireable][hireable]][hireable-url]




React and redux API


Project that makes an API request to Json Placeholder to get a list of posts and manage the data using Redux


Explore the docs »




View Demo
·
Report Bug
·
Request Feature

## Table of Contents
* [About the Project](#about-the-project)
* [Built With](#built-with)
* [Required Installations](#Required-Installations)
* [Instructions](#Instructions)
* [Contact](#contact)
* [Contributing](#Contributing)
* [Show your support](#Show-your-support)

## About The Project

![Screenshot Image](public/logoRepo.PNG)

### Built With
The project was developed using the following technologies:
- [React](https://es.reactjs.org/)
- [Redux](https://github.com/reduxjs/redux)
- [React-Redux](https://github.com/reduxjs/react-redux)
- [Redux-thunk](https://github.com/reduxjs/redux-thunk)
- [JSX](https://reactjs.org/docs/introducing-jsx.html)
- [Axios](https://github.com/axios/axios)
- [Bootstrap](https://getbootstrap.com/docs/4.3/getting-started/introduction/)
- [Styled-Components](https://www.styled-components.com/)
- [Json Placeholder](http://jsonplaceholder.typicode.com/)

## Required Installations

Install the following to get this project running in your machine:

* Node
* NPM

## Instructions

Follow these steps:

Clone the Repository

```Shell
user@pc:~$ git clone https://github.com/YairFernando67/redux-api
```

Click on the console and to go to the folder that was created

```Shell
user@pc:~$ cd redux-api
```

Install dependencies

```Shell
user@pc:~/redux-api$ npm install
```

Start the local server with:

```Shell
user@pc:~$ npm start
```

Open your browser on [http://localhost:3000](http://localhost:3000)

## Contact

👤 **Yair Fernando Facio**



![Screenshot Image](public/logo.jpg)

- Github: [@YairFernando67](https://github.com/YairFernando67)
- Twitter: [@YairFernando18](https://twitter.com/YairFernando18)
- Linkedin: [softwaredeveloperyairfacio](https://www.linkedin.com/in/softwaredeveloperyairfacio/)
- Email: [yair.facio11@gmail.com](https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=yair.facio11@gmail.com)
- Portfolio: [softwaredeveloper](https://yairfernando67.github.io/Portfolio/)

Project Link: [https://github.com/YairFernando67/redux-api](https://github.com/YairFernando67/redux-api)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the [issues page](https://github.com/YairFernando67/redux-api/issues).

## Show your support

Give a ⭐️ if you like this project!

[contributors-shield]: https://img.shields.io/github/contributors/YairFernando67/redux-api.svg?style=flat-square
[contributors-url]: https://github.com/YairFernando67/redux-api/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/YairFernando67/redux-api.svg?style=flat-square
[forks-url]: https://github.com/YairFernando67/redux-api/network/members
[stars-shield]: https://img.shields.io/github/stars/YairFernando67/redux-api.svg?style=flat-square
[stars-url]: https://github.com/YairFernando67/redux-api/stargazers
[issues-shield]: https://img.shields.io/github/issues/YairFernando67/redux-api.svg?style=flat-square
[issues-url]: https://github.com/YairFernando67/redux-api/issues
[license-shield]: https://img.shields.io/github/license/YairFernando67/redux-api.svg?style=flat-square
[license-url]: https://github.com/YairFernando67/redux-api/blob/master/LICENSE.txt
[linkedin-shield2]: https://img.shields.io/badge/-LinkedIn-black.svg?style=flat-square&logo=linkedin&colorB=555
[linkedin-url2]: https://www.linkedin.com/in/softwaredeveloperyairfacio/
[hireable]: https://cdn.rawgit.com/hiendv/hireable/master/styles/flat/yes.svg
[hireable-url]: https://www.linkedin.com/in/softwaredeveloperyairfacio/