Springfield Life & Tracker is a modern, high-performance web application designed for fans of The Simpsons. It serves as a comprehensive companion app where users can track their episode progress, follow their favorite characters, and document their own fictional journey in Springfield.
🚀 Live Demo: https://thesimpsonsapi-nu.vercel.app
Creado por webcode.es
The creation of this project was driven by three core pillars:
- Nostalgia & Passion: As lifelong fans of The Simpsons, we wanted to build a tool that goes beyond a simple wiki. We envisioned a place where the community could interact with the show's vast universe in a more personal way.
- Technical Excellence: This project serves as a playground for the latest web technologies. Implementing Next.js 16, React 19, and Tailwind CSS 4 allows us to explore the cutting edge of performance, server-side rendering, and modern styling.
- Open Source Community: By licensing this project as open source, we aim to provide a robust template for other developers to build fan-driven companion apps, fostering a culture of sharing and collaborative learning.
- 📺 Episode Tracker: Mark episodes as watched, rate them, and keep track of your progress through all 30+ seasons.
- 👥 Springfield Social: Follow characters like Homer, Bart, or Lisa. Leave comments on their "walls" and see what's happening in town.
- ✍️ Springfield Diary: A role-playing simulator where you can log your daily activities at iconic locations like Moe's Tavern or the Kwik-E-Mart.
- 📜 Quote Collector: Create custom collections of your favorite quotes (e.g., "Homer's Wisdom" or "Ralph-isms").
- 🧠 Trivia Wiki: A crowdsourced knowledge base for "Did you know?" facts about every character and episode.
- ✨ Recommendation Engine: Get personalized episode suggestions based on your favorite characters.
- Framework: Next.js 16 (App Router)
- Library: React 19
- Styling: Tailwind CSS 4
- Database: Neon (Serverless PostgreSQL)
- UI Components: shadcn/ui & Radix UI
- Icons: Lucide React
-
Clone the repository:
git clone https://github.com/JordiNodeJS/thesimpsonsapi.git cd thesimpsonsapi -
Install dependencies:
pnpm install
-
Set up environment variables: Create a
.env.localfile and add your Neon database connection string:DATABASE_URL=your_neon_connection_string
-
Run the development server:
pnpm dev
-
Open the app: Navigate to http://localhost:3000 to see the result.
This project is licensed under the MIT License. See the LICENSE file for details.
Contributions are welcome! Feel free to open an issue or submit a pull request if you have ideas for new features or improvements.
Creado con ❤️ por webcode.es