The project is my solution for the clearscore take home assesment project. The objective is to create an application that enables the creation of ideas by a user.
I selected Vite for its speed, seamless integration with Vitest for testing and utilized a global React context to manage state across components. I also made use Shad/CN UI for the developement of a great UI. The application gives uses notifications on completion of certain processes, enables abilty to sort, edit and delete ideas as needed.
✔ Build an idea board that allows a user to create new ideas,: Setup GitHub with ReadMe
✔ User Interaction: Create a React app allowing user create new ideas, edit existing ideas or delete them
✔ User Interaction: The title and description should be editable inline. The description text should have a max length of 140 characters
✔ User Interaction: There should also be a button on the tile that allows for it to be deleted.
✔ Task Completion Conditions: End task after either three errors or displaying 15 letters.
✔ Fully Responsive & Mobile Compatibility: Ensure UI is responsive and mobile-friendly.
✔ Persist Data: Utilise the localStorage API to persist current state when the page is refreshed.
✔ Character CountDown: a character countdown as the user is approaching the limit of their description text.
✔ Notifications: Add an unobtrusive notification when an update is made to a tile.
💥 Implement background styling enhancement.
💥 Add transitions and effects for a better user experience.