Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/baqar-abbas/test-assignment
React Crud app is a dynamic web application built with React.js. and Reduxtoolkit. The application provides an intuitive and responsive user interface for managing data. Users can add, retrieve and delete books from the API. The application also includes a CRUD demo page where users can add, update, retrieve, and delete data from the API.
https://github.com/baqar-abbas/test-assignment
api crud linter-config react redux responsive-layout
Last synced: about 21 hours ago
JSON representation
React Crud app is a dynamic web application built with React.js. and Reduxtoolkit. The application provides an intuitive and responsive user interface for managing data. Users can add, retrieve and delete books from the API. The application also includes a CRUD demo page where users can add, update, retrieve, and delete data from the API.
- Host: GitHub
- URL: https://github.com/baqar-abbas/test-assignment
- Owner: baqar-abbas
- License: mit
- Created: 2024-03-14T15:11:14.000Z (10 months ago)
- Default Branch: development
- Last Pushed: 2024-05-06T09:41:27.000Z (8 months ago)
- Last Synced: 2024-05-06T10:53:06.247Z (8 months ago)
- Topics: api, crud, linter-config, react, redux, responsive-layout
- Language: JavaScript
- Homepage:
- Size: 306 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# test-assignment
| React CRUD App |
|---------------------------------------|
||
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
> **[Problem-Statement]** Test assignment Front-end developer. Objectives
We want to know about:
The way you work
Your front-end skills
Your Creativity skills
Your problem-solving skills
Your resilience.
Task
Create a React web app. You can pick any topic you want.
The App should have at least 4 pages.
The App should be connected to an API, and the user should be able POST, DELETE, UPDATE information.
The App should display information from the API.
The entire App should be responsive for small, medium, and large screens.
It’s not necessary to create your own API, you can use anyone with free access.
Additional Functionality:
Consider adding additional functionality as needed, such as task filtering, sorting, searching, pagination, etc.
> **[React-CRUD-APP]** React Crud app is a dynamic web application built with React.js. and Reduxtoolkit (for State Management). The application provides an intuitive and responsive user interface for managing data. Users can add, retrieve and delete books from the API. The application also includes a CRUD demo page where users can add, update, retrieve, and delete data from the JSON placeholder API. The application also includes additional features such as task filtering, searching, and pagination to enhance user experience and data manageability.
Client
- **[Design the Application to handle responsiveness for small, medium, large devices]**
- **[Design and implement the functionality fetching Books data from Books API]**
- **[Desgin and implement the functionality of Displaying Books from API into the UI]**
- **[The application contains four pages Books, Categories, About and CRUD Demo]**
- **[Implemented the functionality pagination, task filtering for data manageability]**
- **[Implemented the CRUD functionality in CRUD Demo page using JSON placeholder API ]**
- [Live Demo](https://66085a00b60484d748712a61--fluffy-cajeta-1ddc20.netlify.app/)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- GitHub Account, VScode and Node Js Environment.
##
### Setup
Clone this repository to your desired folder:
```sh
cd my-folder
git clone [email protected]:baqar-abbas/test-assignment.git
```
### Install
Install this project with:
```sh
npm install
```
### Usage
To run the project, execute the following command:
```sh
Live server extension
```
### Run tests
To run tests, run the following command:
```sh
NA
```
👤 **Baqar Abbas**
- GitHub: [@Baqar](https://github.com/baqar-abbas)
- Twitter: [@BaqarAbbas9](https://twitter.com/BaqarAbbas9)
- LinkedIn: [Baqar Abbas](https://www.linkedin.com/in/baqar-abbas/)
## 🔭 Future Features
- [ ] **[More News categories will be added]**
- [ ] **[New functionalities will be incorporated]**
- [ ] **[Functionality of sending notifications will be added]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/baqar-abbas/portfolio-redefine/issues/new).
If you like this project, give it a star.
I would like to thank ALL of them who support this idea about React CRUD APP.
This project is [MIT](./LICENSE) licensed.