This application is just a small demo application utilizing React and Redux demonstrating how we can store, fetch, and add to our data store. Data is initialized with JSON data to mock an API call, and then stored in local storage, so that this data will persist on page reload or closing the tab. When new data is added, it is pushed to the data store and saved to local storage.
For our component stylings, we're using Chakra UI and Chakra's CSS utilities, rather than Tailwind CSS.
This application is written to be scalable, so you could delete the JSON data fetching and saving to local storage, and instead use an API call via Axios or GraphQL if desired. The aim of this project was to get more familiar with how Redux works.
- Clone repository
npm installnpm run dev- Load the URL provided by Vite into your browser
- View all contacts
- View a contact's details
- Create a new contact
- Edit a contact
- Delete a contact