https://github.com/l2fprod/mytimeline
https://github.com/l2fprod/mytimeline
device timeline vibe-coding
Last synced: 30 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/l2fprod/mytimeline
- Owner: l2fprod
- License: apache-2.0
- Created: 2025-05-20T01:10:59.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-05-27T00:19:41.000Z (6 months ago)
- Last Synced: 2025-05-27T00:28:15.802Z (6 months ago)
- Topics: device, timeline, vibe-coding
- Language: TypeScript
- Homepage: https://mytimeline.fredericlavigne.com/
- Size: 797 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# My Timeline
A beautiful web application that helps you create and visualize your personal technology timeline. Track the devices that have shaped your digital journey, from your first computer to your latest gadgets.
## Features
- 📱 Create a visual timeline of your devices
- 🔍 Search and add devices from Wikipedia
- 🎨 Beautiful, responsive design
- 📊 Multiple export options:
- LinkedIn text format
- PNG image
- PDF document
- JSON data
- 💾 Local storage for your timeline
- 📱 Mobile-friendly interface
- 🌈 Modern UI with smooth animations
## Getting Started
### Prerequisites
- Node.js (v14 or higher)
- npm or yarn
### Installation
1. Clone the repository:
```bash
git clone https://github.com/l2fprod/mytimeline.git
cd mytimeline
```
2. Install dependencies:
```bash
npm install
# or
yarn install
```
3. Start the development server:
```bash
npm start
# or
yarn start
```
## Usage
1. Click "Add Device" to start building your timeline
2. Search for devices using the Wikipedia search
3. Add details and notes about each device
4. Export your timeline in various formats
5. Share your tech journey with others!
## Development
### Project Structure
```
src/
├── components/ # React components
├── services/ # Service layer (storage, etc.)
├── types/ # TypeScript type definitions
├── utils/ # Utility functions
└── App.tsx # Main application component
```
### Building for Production
```bash
npm run build
# or
yarn build
```
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
This project is licensed under the Apache License 2.0 - see the [LICENSE](LICENSE) file for details.
## Acknowledgments
- Built with React and TypeScript
- Uses Tailwind CSS for styling
- Lucide icons for beautiful icons
- Wikipedia API for device information
---
Made with ❤️ and AI minions 🤖