Public
Like
aposd-red-flags
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
index.ts
https://mgmarlow--d197ff0c351d11f0afdf9e149126039e.web.val.run
A simple flashcard application to help learn about common software design red flags.
- Interactive flashcards with flip animation
- Navigation between cards (previous/next)
- Progress tracking
- Shuffle functionality
- Keyboard navigation (arrow keys and space/enter)
- Responsive design
- Click on a card to flip it and see the description
- Use the "Previous" and "Next" buttons to navigate between cards
- Use the "Shuffle Cards" button to randomize the order
- Use the "Reset Order" button to restore the original order
- Track your progress with the progress bar
- Left Arrow: Previous card
- Right Arrow: Next card
- Space or Enter: Flip the current card
- Built with vanilla JavaScript and Tailwind CSS (via CDN)
- Uses Hono for the backend server
- Data stored in a JSON file
- Responsive design works on mobile and desktop
/index.ts- HTTP trigger to serve the app/data.json- JSON data containing the red flags/frontend/index.html- Main HTML file with embedded JavaScript and CSS