Digimon has always fascinated me, especially when it comes to their evolution. Even though I remember that in the PlayStation games, Digimon never worked quite like Pokémon, I used to think of it as more of a Pokémon subgenre. This summer, while re-watching Digimon Adventure, a lot of questions came to mind. So, I started developing an interface in my free time using the amazing Digimon API developed by Vinicius Brito Costa to present all their data in the best way I could. The results were mind-blowing! If I had known half of this as a kid, I wouldn’t have been so confident about what was “right” or “wrong” when debating with friends. The visual representation of their evolution showed me that while a favorite Digimon might follow a certain beloved evolution path, as seen in the anime, it could also follow thousands of other lineages (for better or for worse…). This made me realize that trying to apply Pokémon’s biological evolution approach to Digimon evolution might have confused things for me back then. Now, all I can say is, "I was so wrong!"
This project leverages front-end technologies like React, Next.js, and Tailwind CSS for building responsive and interactive user interfaces. It uses MUI and ShadCN for pre-built components, Radix UI for accessibility and UI patterns, and Axios for API calls. For state management and data fetching, React Query is used alongside the React Context API. Testing is handled with Jest and React Testing Library, and TypeScript ensures type safety throughout the codebase.
This is a Next.js project bootstrapped with create-next-app.
You can run it locally by installing the dependencies with
npm i
# or
yarnThen, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.