Full Stack React Project ( AI Events Organiser ) - Next JS, Tailwind, Mobbin, Shadcn UI 🔥🔥
- 'Spot'은 AI 기반 이벤트 생성, Unsplash API 연동, 무료/유료 구독 모델을 갖춘 풀스택 이벤트 관리 플랫폼입니다. 🤖
- 사용자 온보딩을 통해 관심사와 위치 기반의 개인화된 이벤트 추천을 제공하여 맞춤형 경험을 선사합니다. 🎯
- 탐색 페이지는 추천, 지역, 카테고리별 이벤트와 전 세계 검색 기능을 제공하여 이벤트 발견을 용이하게 합니다. 🗺️
- 등록 후 QR 코드 티켓이 발급되며, 주최자는 실시간 분석 대시보드와 현장 QR 스캐너로 효율적인 이벤트 운영이 가능합니다. ✅
- Next.js의 App Router와 Tailwind CSS를 기반으로 Shadcn UI 컴포넌트를 활용하여 반응형의 아름다운 UI를 구축합니다. ✨
- Shadcn UI는 단순한 라이브러리가 아닌, 커스터마이징 가능한 컴포넌트 코드를 제공하여 개발자가 직접 제어하고 확장할 수 있게 합니다. 🎨
- Next.js 앱 초기화, Tailwind CSS 및 Shadcn UI 설치,
layout.js를 통한 전역 스타일 및 테마 관리를 상세히 다룹니다. 🛠️
next-themes를 이용한 다크 모드 지원과 Tailwind CSS로 구현된 배경 그라데이션 및 시각적 '글로우 효과'로 앱의 미적 완성도를 높입니다. 🌌
- 다양한 Shadcn UI 컴포넌트(버튼, 카드, 입력, 선택 등)를 한 번에 설치하여 프로젝트 전반에 걸쳐 효율적으로 활용하는 방법을 보여줍니다. 📦
- Next.js의
layout.js를 활용하여 앱 전체에 공통적인 헤더, 푸터, 배경 및 전역 스타일을 적용하는 구조를 설명합니다. 🏗️
데브허브 | DEVHUB | Full Stack React Project ( AI Events Organiser ) - Next JS, Tailwind, Mobbin, Shadcn UI 🔥🔥