A mobile-first web application for tracking collectibles in Hogwarts Legacy, built with SvelteKit and TypeScript.
- 📋 Collectible Tracking: Track various collectible types from Hogwarts Legacy
- 🏠 Player Profile: Store your name, Hogwarts house, and profile picture
- 📱 Mobile-First Design: Responsive design optimized for mobile devices
- 💾 Local Storage: All progress saved in your browser
- 📤 Import/Export: Backup and share your progress with versioned JSON files
- 🗂️ Organized Navigation: Structured pages with side navigation
- 🎨 Hogwarts Theme: Custom Tailwind CSS theme with DaisyUI components
- Follow the existing code style (ESLint + Prettier)
- Write TypeScript for all new code
- Design mobile-first, then enhance for desktop
- Use DaisyUI components for consistent UI
- Test thoroughly with the type checker (
npm run check)
- Node.js (v20 or higher) + npm
# Install dependencies
npm install
# Start development server
npm run devVisit http://localhost:5173 to view the application.
npm run dev- Start development server with hot reloadingnpm run build- Build for productionnpm run preview- Preview production buildnpm run check- Run Svelte type checkingnpm run check:watch- Type checking in watch modenpm run lint- Check code quality and formattingnpm run format- Format code with Prettier
Copyright 2025 Matt Schneeberger
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
https://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
Hogwarts Legacy and related content are trademarks of their respective owners.