This project is a system that allows users to manage their job lists. React.js was used. Redux Toolkit was chosen to provide state management of the application. Axios was used to manage HTTP requests. JSON Server provides a mock API server and was used as a local API server on this project.
Job Listing: Users can list available jobs.
Add Job: Users can add new job listings.
Error Management: Errors encountered during API requests are politely handled and displayed to the user.
Loading Indicator: Provides visual feedback to users as business data is fetched.
React
React DOM
React Icons
React Router DOM
React Redux
Redux Toolkit
axios
JSON Server
React Toastify
Sass
UUID
App.js: The main component of the application, which sets up routes, handles Redux state management, and makes API requests.
Header: A reusable component that displays the title of the application.
JobList: Component that lists available jobs.
AddJob: A component for adding new job lists.
![jobapp](https://private-user-images.githubusercontent.com/145170180/312950722-a281b4f9-1bf0-4312-99e2-db26738491a1.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMyOTM4NTMsIm5iZiI6MTcyMzI5MzU1MywicGF0aCI6Ii8xNDUxNzAxODAvMzEyOTUwNzIyLWEyODFiNGY5LTFiZjAtNDMxMi05OWUyLWRiMjY3Mzg0OTFhMS5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxMFQxMjM5MTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zMDNkNTQ0OGY3MmNlYTc2Y2U5ZTMxZjFjMTBiYWFhMjlmZGQzMDRlMWQ0N2NlODg1ZGJiMmJjMDYyMDkwODc0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.Ren-fbNo8CvHuzdcOxFnL_YTRxj1D1RM2eUdBB9m3r0)