https://github.com/melihbirim/osto
OSTO - A retro-styled issue tracking app with CRT monitor effects and pixel-art UI. Built with Ruby on Rails and pure CSS. Features classic 90s software interface design, task management, and search functionality.
https://github.com/melihbirim/osto
issue issue-management issue-tracker issue-tracking-system
Last synced: 4 months ago
JSON representation
OSTO - A retro-styled issue tracking app with CRT monitor effects and pixel-art UI. Built with Ruby on Rails and pure CSS. Features classic 90s software interface design, task management, and search functionality.
- Host: GitHub
- URL: https://github.com/melihbirim/osto
- Owner: melihbirim
- License: mit
- Created: 2025-02-20T17:37:00.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-12T14:11:56.000Z (over 1 year ago)
- Last Synced: 2025-03-12T15:23:43.267Z (over 1 year ago)
- Topics: issue, issue-management, issue-tracker, issue-tracking-system
- Language: HTML
- Homepage:
- Size: 212 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# OSTO - Retro Issue Manager
A retro-styled issue tracking application built with Ruby on Rails, featuring a nostalgic CRT monitor effect and pixel-art inspired design.
## Features
- Create, edit, and delete issues
- Filter issues by status (To Do, In Progress, Done)
- Search functionality
- Retro CRT monitor effect
- Pixel-art inspired UI elements
## Prerequisites
- Ruby 3.2.2 or higher
- Rails 7.1.0 or higher
- SQLite3
## Installation
1. Clone the repository:
```bash
git clone
cd OSTO
```
2. Install dependencies:
```bash
bundle install
```
3. Set up the database:
```bash
rails db:create
rails db:migrate
```
4. Start the server:
```bash
rails server
```
5. Open your web browser and visit Open your web browser and visit localhost:3000 to access the application.
## Usage
- Create New Issue : Click the "NEW ISSUE" button
- Filter Issues : Use the status buttons (ALL, TO DO, IN PROGRESS, DONE)
- Search : Type in the search bar to find specific issues
- Edit/Delete : Use the buttons on each issue card
## Design
The application features a retro-inspired design with:
- Press Start 2P font for authentic retro typography
- CRT monitor scan line effect
- Neon green color scheme
- Pixel-art inspired buttons and UI elements
## Development
The application is built with:
- Ruby on Rails for the backend and frontend
- SQLite3 for the database
- Pure CSS for styling
- Press Start 2P Google Font for typography
## Contributing
1. Fork the repository
2. Create your feature branch ( git checkout -b feature/amazing-feature )
3. Commit your changes ( git commit -m 'Add some amazing feature' )
4. Push to the branch ( git push origin feature/amazing-feature )
5. Open a Pull Request
## Planned Features
1. Keyboard Navigation:
- 'J' and 'K' keys to move between issues
- 'F' to toggle filters
- '/' to focus search
- 'ESC' to clear search/close modals
2. Issue Enhancements:
- Priority levels (High, Medium, Low)
- Due dates with countdown
- Labels/Tags system
- Comments section
- Issue history/activity log
- Attachments support
3. Visual Improvements:
- Different color themes (like Matrix green, Cyberpunk yellow, etc.)
- Progress bar for project completion
- Custom animations for different status changes
- Mini-game animation when completing all issues
4. Project Features:
- Project statistics and charts
- Sprint/milestone planning
- Time tracking
- Team member assignments
- Project templates
5. Collaboration:
- @mentions in descriptions
- Share issues via link
- Export issues to CSV/PDF
- Email notifications
## License
This project is licensed under the MIT License - see the LICENSE.md file for details.
## Author
Melih Birim - @melihbirim
## Acknowledgments
- Inspired by classic 90s software interfaces
- Press Start 2P font by CodeMan38