TimeWrap is a web application that allows you to create and customize your GitHub contribution graph. Design your own contribution pattern and export it as Git commands to recreate the pattern on your actual GitHub profile.
- Interactive contribution grid for any year
- Customizable commit messages
- Export your design as Git commands
- Save and load your designs
- Dark and light mode support
- Responsive design for desktop and mobile
- PWA support for offline use
- Arrow keys: Navigate between days
- Spacebar: Toggle contribution for selected day
- Enter: Edit commit message for selected day
- Tap: Toggle contribution for a day
- Double tap: Edit commit message for a day
- Select a year using the input at the top
- Tap on days to toggle contributions
- Double tap on a day with a contribution to add a custom commit message
- Use the "Commits" button to view and copy all your commit commands
- Save your pattern using the "Save" button
- Export your pattern as a JSON file using the "Export" button
- Create a new Git repository or use an existing one
- Copy the Git commands from the "Commits" panel
- Paste and run the commands in your terminal
- Push the commits to GitHub
- Your GitHub contribution graph will reflect your custom pattern
# Clone the repository
git clone https://github.com/OmPreetham/timewrap.git
# Navigate to the project directory
cd timewrap
# Install dependencies
npm install
# Start the development server
npm run dev