A port of the todo project built with react and with redux for state management

Olawale

[Watch the video](https://vimeo.com/1044993317)

The porting of this project makes use of react and react redux. It showcases, my skill in implementing complex  state management with redux, both local and remote. Making use of createAsyncThunks, modern redux toolkit, porting, the offline state functionality making use of localStorage and also syncing it with the api state when network becomes available using the ported `syncLocalStorageToAPI` class. It also keeps track and syncs the todo list reordering, makes use of an overlay component through a createPortal functionality. Overall, it was create working on the project, solidifying my redux skill

Website: [todo\_react](https://appistodo-react.netlify.app)

Github FE: [todo\_react](https://github.com/strapchay/todo_redux)

Github BE: [todo\_api](https://github.com/strapchay/todo_api)


A journal app that replicates the app written in vanilla JS in react, making use of react query for state management

[Watch the video](https://vimeo.com/1020517053)

This is a port of the vanilla JS of the same project into a react project. It makes use of react query for state management and demonstrates my skills with using library and implementing complex functionalities with react. The project is filled with a lot of complex, dynamic and re-usable components, complex state management, making use of the ContextAPI, useReducer for keeping local state in sync and react query for remote state correlation. Each components had its own distinct challenges with implementation like the `Overlay` component which kept track of each overlayed component stacked ontop of other components, the component positioning relative to the triggering element and much more.

It was pretty great working on this project, it showcases my skill in working on a certain level of complexity with react and also in porting projects into react logic.

Website: [journal\_react](https://journalinghub-rdx.netlify.app)

Github FE:[ journal\_react](https://github.com/strapchay/journal_react)

Github BE:[ journal\_api](https://github.com/strapchay/journal_api)


Journal React

A basic react app that uses redux for state management

This project was meant to implement and learn redux logic for state management, it was a basic implementation and usage of redux.

Github repo: [todo\_redux\_basic](https://github.com/Strapchay/todo_redux_basic)
Website: [todo-rdx](https://master--todo-rdx.netlify.app/)
