Decision Journal

A modern web application built with React, TypeScript, and Material-UI that helps users make better decisions by tracking their decision-making process and outcomes.

Features

• Create and manage decision entries with pros and cons
• Weight the importance of each pro and con (1-10 scale)
• Track potential outcomes and actual results
• Dark/Light mode support
• Responsive design
• Local storage persistence
• Smooth animations using Framer Motion

Tech Stack

• React 18
• TypeScript
• Material-UI (MUI)
• Framer Motion
• Vite
• ESLint

Getting Started

1. Clone the repository
2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Build for production:

   npm run build

Project Structure

src/
  ├── App.tsx          # Main application component
  ├── main.tsx         # Application entry point
  ├── App.css          # Global styles
  └── index.css        # Base styles

Development

• npm run dev - Start development server
• npm run build - Build for production
• npm run lint - Run ESLint
• npm run preview - Preview production build