About the storyscore

Our Mission

At the storyscore, we believe that great stories deserve faithful adaptations. We're passionate about books and films, and we've created this platform to help readers and viewers find adaptations that honor the original works.

Our mission is to provide a comprehensive resource for comparing books to their film and TV adaptations, helping you discover which adaptations capture the heart of your favorite stories, and which ones take creative liberties.

"The book is always better" is a common refrain, but is it always true? We're here to find out.

What We Offer

And we're just getting started! Check out our Beta 2.0 roadmap to see all the exciting new features coming soon.

Development

The storyscore app is a comprehensive project that I built to showcase my skills in modern web development. Here are some of the key technologies and capabilities that went into building this app:

• 

  TMDB API

  The app integrates with the TMDB (The Movie Database) API to fetch movie data, including details, ratings, and images. This allows users to explore a vast collection of movies and their associated information.

  This product uses the TMDB API but is not endorsed or certified by TMDB.
• 

  React and Next.js

  Built using React, a popular JavaScript library for building user interfaces, and Next.js, a powerful framework for server-side rendering and static site generation. This combination allows for fast, dynamic, and SEO-friendly web pages.

• 

  TypeScript

  Used TypeScript throughout the project to provide static typing, which helps catch errors early in the development process and improves code quality and maintainability.

• 

  Styled Components

  Implemented a component-based styling approach with styled-components for consistent design, reusable UI elements, and better organization of styles.

• 

  Supabase

  Used as the backend for the app, providing a PostgreSQL database, authentication, and real-time capabilities. It simplifies the process of building and managing a scalable backend infrastructure.

• devices

  Responsive Design

  Designed the app to be fully responsive, ensuring a seamless experience across different devices and screen sizes using a combination of media queries and flexible layouts.

• 

  Netlify

  Deployed the application on Netlify for reliable, scalable hosting with continuous deployment from GitHub. Netlify provides edge CDN distribution, SSL certificates, and serverless functions to enhance the app's performance and security.

• 

  Resend

  Integrated Resend for reliable email delivery, enabling features like user notifications, account verification, and password resets with a modern API designed for developers.

• security

  Authentication

  Implemented secure user authentication using Supabase Auth, enabling email/password login, social authentication, and JWT-based session management.

• 

  Zustand

  Used Zustand for lightweight state management across the application, providing a simple yet powerful solution for managing global state without the complexity of Redux.

Building the storyscore app has been an ideal project for me to develop a well-rounded skillset. It involves working with both frontend and backend technologies, integrating third-party APIs, implementing responsive design, and ensuring secure user authentication. The project also provides opportunities to work with real-time data and explore the benefits of static site generation and server-side rendering.

About Me

Joel Lundell

Founder & Developer

Like many families, mine has a talent for coming up with "million-dollar ideas" that rarely make it beyond dinner table conversations. About a decade ago during a holiday gathering, I was relaxing with my brothers when our conversation turned to a recent book-to-film adaptation.

We unanimously agreed that the book was far superior to the movie. The changes the producers made seemed completely unnecessary, undermining what made the source material special. In that moment of shared frustration, someone suggested: "We ought to make an app where people can rate how well a movie follows the book."

That idea stuck with me. It quietly marinated in the back of my mind for years while I developed my career as a software engineer. Unlike our family's other "million-dollar ideas," this one wouldn't let go—it seemed to address a genuine need in the community of book lovers and film enthusiasts.

Fast forward to today, and I've finally brought that decade-old conversation to life. storyscore isn't just a portfolio project—it's the realization of a long-held vision to create a space where the relationship between books and their adaptations can be thoughtfully explored and discussed.