Project Details

Overview

Image of Littleroot Dreams

Project Name:

Littleroot Dreams



Software & Technologies Used:

-APIs
-Adobe Illustrator
-CSS/SASS
-HTML
-JSON
-JavaScript
-JavaScript Libraries
-Lumen/Laravel
-Responsive Design
-VS Code
-phpMyAdmin

Client:

Self



Link:

Littleroot Dreams


Description:

Littleroot Dreams is a fan-created Pokemon-themed website, created by me, where I provide resources and activities that fans may not easily find!

Case Study


Ever since my first summer break in college, I wanted to give back to the Pokemon community and create a website with resources and activities that I was not easily able to find. It started with a Create Your Own Pokedex, an idea that I was surprised hasn't been done yet. From there, the ideas kept flowing.

There are many different projects that can be found on this website, that all mostly utilize a combination of HTML, CSS, JS, and API calls via Lumen. The way you can mix and remix content is near infinite once everything is set up, but with 1025+ Pokemon, it can be a lengthy process to set up.

The most challenging part of this project was the design. I wanted to take inspiration from other fan websites like Serebii.net and Pokebeach, aka having a vibe that it's recognizably Pokemon but with casual features for the design. It took a lot of trial and error, as well as design advice, to get a design I was satisfied with. When it came to branding, I wanted to do something near and dear to my heart, aka Littleroot Town. From there, it was a matter of trying to give a "humble small town" vibe. That is where the colour choices came from, as I wanted the content sections to feel like houses, and the background feel like forest.

The website was launched on January 14th, 2025 where it was met with praise by Pokemon fans. This project would not have happened if it wasn't for the support of my friends and family along the way.

You can find more details about each project on their respective pages listed down here:
-Create Your Own Pokedex
-Area Zero Spawn Filter
-Pokemon Trainer Data
-Pokemon Guess Who
-Area Zero Spawn Filter
-Pokemon Usage
-Custom League Maker
-Ability, Moveset, and Type Calculator
-30th Anniversary Favourites Selector
-Shiny Method Ranker

↑ To Top

Mobile Menu

X