DigiFinder is a frontend web application that allows users to search for information about Digimon using an external Digimon API.
DigiFinder is a Vue 3–based frontend application built to demonstrate modern component-based UI development, API integration, and state management.
The application allows users to search Digimon by name or ID, browse results, mark favorites, and view detailed Digimon information in a responsive and accessible interface.
This application was developed as part of a frontend application development course at Tampere University of Applied Sciences (TAMK).
The goal of the course was to introduce students to selected modern frontend (browser-based) application development techniques and practices, and to train them in their practical use. The course aimed to provide students with strong foundations for building non-trivial frontend applications using modern tools and frameworks.
Another important objective of the course was to learn how to use AI tools as part of the software development process. AI tools were actively used in the creation of this project, including supporting code development, problem-solving, and documentation.
- Search Digimon by name or ID
- Random Digimon generator
- Detailed Digimon information view
- Favorite Digimon system (stored in localStorage)
- Previous / Next navigation between Digimon
- Light and dark themes
- Multi-language support (English & Finnish)
- Responsive design for desktop and mobile
- Accessible UI with validated contrast ratios
- Toast notifications and dialogs for user feedback
- Node.js (recommended LTS version)
- npm or yarn
git clone https://github.com/455-labs/digifinder
cd digifinder
npm install
npm run devThe app will be available at:
http://localhost:5173
For building the project for production, refer to the official Vue documentation.
This project was developed by:
- Helmi Haapasaari
- Pirjo Keskinen
- Samu Kouhia
- Vera Uusitalo
- Ilkka Wahala