PARKLYDEX
Links
Live Demo: parklydex.com Source Code: github.com/Mid0o03/Parklydex-site
About The Project
A web application that allows theme park enthusiasts to track their rides and discover trending roller coasters.
This project helped me improve especially on asynchronous handling with Supabase SSR and internationalization.
Key Features
Feature 1: Ride Tracking - Users can mark coasters as ridden, wishlist, or favorite. Feature 2: Community Pulse - Real-time stats on coasters, parks, and active community members. Feature 3: Trending Coasters - Discovery of the most popular coasters based on community interactions.
Built With
Front-end: Next.js (App Router), React, Tailwind CSS, Framer Motion API / Data: Supabase (PostgreSQL), Leaflet, Recharts Tools: TypeScript, Lucide React, Vercel
What I Learned
This section is crucial for a portfolio. I faced significant technical challenges in managing server-side state and data fetching. State Management: How I structured data with Supabase SSR to keep it persistent and SEO-friendly. Optimization: Reducing database load through optimized queries for counting user rides.
Getting Started
git clone https://github.com/Mid0o03/Parklydex-site.git
cd parklydex
npm install npm run dev