Your Journey in Weeks

A beautiful, minimalist visualization of your life in weeks, inspired by the concept that seeing your life laid out in weeks can help you make the most of your time.

Features

• 📊 Visual representation of your life in weeks
• 🎯 Progress bar showing percentage of life lived
• 🎨 Elegant dark theme design
• 🔄 Toggle year labels
• 📎 Share your journey with others via URL
• 💾 Persistent settings with localStorage
• ⚡ Built with React and TypeScript

Live Demo

Check out the live demo: Your Journey in Weeks

Technology Stack

• React 18
• TypeScript
• Tailwind CSS
• Vite
• Lucide Icons

Local Development

1. Clone the repository:

git clone https://github.com/504844/this-will-motivate-you.git

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and visit http://localhost:5173

Building for Production

To create a production build:

npm run build

The built files will be in the dist directory.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT License - feel free to use this project for personal or commercial purposes.

Acknowledgments

• Inspired by Tim Urban's "Your Life in Weeks"
• Icons by Lucide React