Cookijar

The goal was to create a client-side application with React utilizing a REST API with JSON Server. that required secure user authentication and unique data sets for each user. I needed to implement a system where users could create, read, update, and delete both tasks and rewards while ensuring the UI was intuitive and responsive. Technical requirements included handling complex form states, managing a mock REST API with JSON Server, and utilizing various input selectors to ensure a smooth data-entry experience.

CookiJar meets this challenge by allowing users to define their own rewards and point system. When a user creates a task, they assign it a point value; once marked complete, those points are added to their total, which can then be 'spent' on rewards they’ve created. The layout uses a mobile-first approach with Tailwind CSS and Flexbox to ensure it looks great on any device. As my first React application, this project was pivotal in helping me master component-based architecture, state management, and using asynchronous fetch calls to interact with a REST API.