282cd0dfcb
NEW LANDING PAGE: - Full-screen responsive design for phone and desktop - Three main sections: About, Accommodation, Community - About section explains site purpose and customer connection - Accommodation section promotes Pensiunea Buongusto Sibiu - Community section showcases Stories & Tracks features COMMUNITY SYSTEM: - Complete login/register system with email, password, nickname - Password recovery functionality via email - Post creation template with all required features: * Title and subtitle fields * Rich text content area * Photo upload with descriptions * GPX file upload capability * 1-5 difficulty rating system * Preview mode before publishing - GPX map preview component (placeholder for Leaflet integration) ADMIN PANEL: - Comprehensive admin dashboard - User management (view, activate/deactivate users) - Post management (approve, edit, delete posts) - Frontend management (edit homepage, site settings) - Backend management (database, security, logs) - Statistics and analytics overview TECHNICAL INFRASTRUCTURE: - Prisma database schema with complete data models - Environment configuration template - Additional dependencies for email and authentication - Proper component structure and organization - Mobile-responsive design throughout FEATURES IMPLEMENTED: ✅ Full-screen landing page with 3 sections ✅ Pensiunea Buongusto promotion section ✅ Community Stories & Tracks area ✅ Email/password/nickname authentication ✅ Password recovery system ✅ Complete post creation template ✅ Photo upload with descriptions ✅ GPX file upload ✅ Difficulty rating (1-5 stars) ✅ Admin panel for frontend/backend management ✅ Database schema and models ✅ Mobile and desktop responsive design Ready for database setup and authentication implementation.
Moto Adventure Website
A Next.js-based website for motorcycle adventure enthusiasts, featuring route tracking, blog posts, and community features.
Features
- 🏍️ Motorcycle adventure route tracking with GPX support
- 📝 Blog system for sharing adventure stories
- 🗺️ Interactive maps with Leaflet integration
- 👤 User authentication with NextAuth.js
- 📊 Analytics and charts with Recharts
- 📱 Responsive design with Tailwind CSS
- 🖼️ Image upload and processing with Sharp
- 🎨 Smooth animations with Framer Motion
Tech Stack
- Framework: Next.js 14 with App Router
- Language: TypeScript
- Styling: Tailwind CSS
- Database: Prisma ORM
- Authentication: NextAuth.js
- Maps: React Leaflet
- Forms: React Hook Form
- Icons: Lucide React
- Animation: Framer Motion
Getting Started
-
Install dependencies:
npm install -
Set up environment variables:
cp .env.example .env.local -
Set up the database:
npx prisma generate npx prisma db push -
Run the development server:
npm run dev -
Open http://localhost:3000 in your browser.
Development
npm run dev- Start development servernpm run build- Build for productionnpm run start- Start production servernpm run lint- Run ESLint
License
This project is private and proprietary.