Typed frontend exploration
Next.js Events
An event-discovery interface organized around a focused journey from country selection to event details.
- Project type
- Independent build
- Role
- Frontend developer
- Focus
- Typed navigation and responsive UI
The Next.js Events country-based event discovery interface.
Overview
What I set out to build
Next.js Events explores a simple information architecture for finding events by location. The project gave me a focused environment for using TypeScript with Next.js and building a responsive visual system with Tailwind CSS.
Challenge
The product problem
Event discovery can quickly become dense. The product needed a small set of predictable navigation steps so users could select a country, review matching events, and open the details of a specific event.
Approach
How I approached it
I structured the experience into country-based browsing and event-detail views, used Next.js for route organization, and applied TypeScript to make the data passed between interface components more explicit.
Delivered
Core experience
- Country-based event browsing
- Event cards leading to focused detail views
- Responsive navigation and content layouts
- Typed component and event-data structures
Technical decisions
Implementation choices
- 01Used Next.js routing to reflect the hierarchy between event discovery and individual event details.
- 02Introduced TypeScript to make component contracts and event data easier to reason about.
- 03Used Tailwind CSS to build consistent responsive spacing and interface styles.
Technologies
- Next.js
- TypeScript
- Tailwind CSS
- Vercel
Explore the project
See the working application
The live demo opens in a new tab. Some third-party data or services may depend on their current availability.