PokeDex Svelte

Small application, that shows list of pokemons and can show extended info about one of them. Application have search, pagination and assets compression. You can try it here.

Installation

  1. Fetch code from GitHub

    git clone https://github.com/akatsukinoyami/pokedex.git
  2. Change directory to newly created

    cd ./pokedex
  3. Install needed packages

    yarn
  4. Application ready to run!

Running application

Development mode

  • Run script

    yarn dev

Make production-ready build

  • Run script

    yarn build

Make build for caprover

  1. If using MacOS, you need install GNUtar

    brew install gnu-tar
    echo '\nexport PATH="/opt/homebrew/opt/gnu-tar/libexec/gnubin:$PATH"' >> ~/.zshrc
  2. Run script

    yarn build:caprover
  3. Drag'n'Drop bundle.tar.gz to the special field in the CapRover

Used technologies

Title Description
Svelte Lightweight frontend compiler
TypeScript Strongly typed programming language that builds on JavaScript
Sass CSS extension language
Bulma Open-source and easy-to-use responsive CSS framework
GraphQL Advanced query language for APIs
urQL Customizable and versatile GraphQL client
PokeAPI REST and GraphQL API interface with information about pokemons
Docker Container building, storing and running engine
Nginx The most common open source web server
Caprover Open Source PaaS (for deployment)