🌐 Live Site: https://louiseka.github.io/pinpoint/
Pinpoint is a web application designed to help users track their goals while staying focused and motivated.
Feature highlights:
- Choose from four colour themes
- Sort goals by levels
- Break goals down into to-do lists
- Monitor progress with a progress bar
The project focuses on React component design, state management, and reusable logic.
- Reusable components for saved goals
- State maintained in parent components and passed to child components
- Callback functions in child components to update parent state
- React – Component-based UI
- JavaScript – Logic and interactivity
- CSS – Styling and layout
- Toggle to turn off the countdown to the end of the year
- Drag-and-drop functionality to rearrange goals
- Countdown timers for individual goal deadlines
To run the project locally:
# Clone the repository
git clone https://github.com/louiseka/pinpoint.git
# Navigate into the project directory
cd pinpoint
# Install dependencies
npm install
# Start the development server
npm start