doom
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in miliseconds.
index.ts
https://ado93--50c2735c3faf11f0a85276b3cceeab13.web.val.run
A comprehensive site dedicated to the Golden Age of Hip-Hop (late 1980s to late 1990s), featuring facts, key artists, albums, and cultural impact of this revolutionary era in music history.
├── backend/
│ ├── index.ts # Main Hono server
│ ├── data/
│ │ ├── artists.ts # Artist data and facts
│ │ ├── albums.ts # Classic albums data
│ │ ├── timeline.ts # Historical timeline
│ │ └── facts.ts # Hip-hop facts and trivia
│ └── routes/
│ └── api.ts # API endpoints
├── frontend/
│ ├── index.html # Main page
│ ├── components/
│ │ ├── App.tsx # Main React app
│ │ ├── ArtistCard.tsx # Artist display component
│ │ ├── AlbumCard.tsx # Album display component
│ │ ├── Timeline.tsx # Timeline component
│ │ └── FactCard.tsx # Random facts component
│ ├── index.tsx # Frontend entry point
│ └── style.css # Custom styles
└── shared/
└── types.ts # Shared TypeScript types
- Artist Profiles: Detailed information about legendary hip-hop artists
- Classic Albums: Essential albums from the golden age
- Timeline: Key events and milestones in hip-hop history
- Random Facts: Interesting trivia about the golden age era
- Search & Filter: Find specific artists, albums, or facts
- Responsive Design: Works on all devices
This site focuses on the period from approximately 1986-1999, covering:
- The rise of conscious rap
- East Coast vs West Coast scenes
- The emergence of gangsta rap
- Technical innovation in production
- Cultural impact and mainstream breakthrough
- Backend: Hono (TypeScript API framework)
- Frontend: React with TypeScript
- Styling: TailwindCSS
- Data: Static JSON data with rich content