Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/alexandrbig1/async-redux-crud-phonebook-app

Async Redux CRUD App - A React project showcasing asynchronous data management with Redux Toolkit's createAsyncThunk, Axios for API integration, and CRUD operations, all with data provided by mockapi.io services. Explore Redux state management and asynchronous actions in this practical application.
https://github.com/alexandrbig1/async-redux-crud-phonebook-app

backend computerscience css3 frontend html-css-javascript html5 javascript js react react-api react-async react-components react-hooks react-redux react-redux-toolkit reactjs softwareengineer webapi webdesign webdevelopment

Last synced: 13 days ago
JSON representation

Host: GitHub
URL: https://github.com/alexandrbig1/async-redux-crud-phonebook-app
Owner: Alexandrbig1
License: mit
Created: 2023-11-08T04:21:18.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2023-11-16T18:48:25.000Z (about 1 year ago)
Last Synced: 2025-01-22T04:08:22.435Z (15 days ago)
Topics: backend, computerscience, css3, frontend, html-css-javascript, html5, javascript, js, react, react-api, react-async, react-components, react-hooks, react-redux, react-redux-toolkit, reactjs, softwareengineer, webapi, webdesign, webdevelopment
Language: JavaScript
Homepage: https://alexandrbig1.github.io/Async-Redux-CRUD-Phonebook-App/
Size: 17.1 MB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # **Async Redux CRUD Phonebook App**



[![GitHub last commit](https://img.shields.io/github/last-commit/Alexandrbig1/Async-Redux-CRUD-Phonebook-App)](https://github.com/Alexandrbig1/Async-Redux-CRUD-Phonebook-App/commits/main)

[![GitHub license](https://img.shields.io/github/license/Alexandrbig1/Async-Redux-CRUD-Phonebook-App)](https://github.com/Alexandrbig1/Async-Redux-CRUD-Phonebook-App/blob/main/LICENSE)

## Description

The Async Redux CRUD App is a React application that showcases asynchronous data management using Redux Toolkit's `createAsyncThunk`, Axios for API calls, and CRUD operations (Create, Read, Update, Delete) with mockapi.io as the backend service. This project is designed to help you understand how to integrate Redux Toolkit with asynchronous actions and a remote API.

## Key Features and Technologies Used:

- Front-End Framework: ![Alt text](https://img.shields.io/badge/React-61DAFB.svg?style=for-the-badge&logo=React&logoColor=black)

- Styling: ![Alt text](https://img.shields.io/badge/styledcomponents-DB7093.svg?style=for-the-badge&logo=styled-components&logoColor=white)

- ![Alt text](https://img.shields.io/badge/Axios-5A29E4.svg?style=for-the-badge&logo=Axios&logoColor=white) for making API requests

- Data provided by mockapi.io

- API Integration:

  - View a list of contacts from the API

  - Add new contacts

  - Delete contacts

  - Filter existing contacts

  - Asynchronous data fetching and updating

- Data persistence with ![Alt text](https://img.shields.io/badge/Redux-764ABC.svg?style=for-the-badge&logo=Redux&logoColor=white) Toolkit

- State management with ![Alt text](https://img.shields.io/badge/Redux-764ABC.svg?style=for-the-badge&logo=Redux&logoColor=white) Toolkit

## Project Preview

### Screenshots

![Async Redux CRUD Phonebook App](./public/images/project-img1.jpg)

_Caption for Screenshot 1_

![Async Redux CRUD Phonebook App](./public/images/project-img2.jpg)

_Caption for Screenshot 2_

## Issues

If you encounter any issues or have suggestions, please [open an issue](https://github.com/Alexandrbig1/Async-Redux-CRUD-Phonebook-App/issues).

## License

This project is licensed under the [MIT License](LICENSE).

## Acknowledgments

A special thanks to the following for their contributions to this project:

- [mockapi.io](https://www.mockapi.io/): A versatile and convenient backend service for providing mock data. This project wouldn't be possible without the support and features offered by mockapi.io.

## Languages and Tools:

  

 







 

 







## Connect with me: