Giter Site home page Giter Site logo

lithos-hub / pokeapp Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 0.0 24.52 MB

SPA made with Webpack and JavaScript Vanilla to use the PokéAPI RESTful API and showing Pokémons without using any UX/UI framework like Bootstrap. All the styles are made from scratch using pure CSS and SCSS.

Home Page: https://pokeapp-app.netlify.app

JavaScript 51.78% HTML 12.02% SCSS 36.20%
javascript vanilla-javascript webpack api api-restful pokeapi pokeapi-pokedex scss

pokeapp's Introduction

PokéAPP

app-logobar

PokéAPP is an app made with Webpack and JavaScript Vanilla to use the PokéAPI RESTful API and showing Pokémons without using any UX/UI framework like Bootstrap. All the styles are made from scratch using pure CSS and SCSS.

More features will be included soon with new versions.


Changelog

Version 2.1.4

  • Improved the loading component (laptop devices)

Version 2.1.3

  • Refactored code and improvements in the Navbar component (all devices).

Version 2.1.2

  • Fixed some bugs in general.
  • Responsive view improved.

Version 2.1.1

  • Fixed an issue with the API call.

Version 2.1.0

  • Added an autocomplete dropdown on search system.

Version 2.0.2

  • Fixed an issue with the generation selector.

Version 2.0.1

  • Fixed a bug that occurred in the search system when searching for a Pokémon that does not exist and then clicking on a generation selector button.

Version 2.0.0

  • The generation selector has now a new aesthetic.
  • Fixed some bugs with the search bar.
  • The search bar is now available in all devices.

Version 1.9.0

  • The generation selector has been moved to the navigation bar with a drop-down to the left of the search entry.
  • The search input is now available (soon it will be on mobile devices).
  • Each legendary Pokémon has now a special badge on its card.
  • The generation selector is now available on mobile devices.

Version 1.7.0

(Mobile devices)

  • Aesthetic changes in the start view.
  • New loader.
  • Added the /about section.
  • The side menu has been improved.

Version 1.6.1

  • Fixed some issues.
  • Added a provisional loader (Mobile devices).

Version 1.6.0

  • Completely new design for mobile devices in the start view and the /app section.

Version 1.5.0

  • Added about page.
  • Improved the responsive design on desktop and laptop devices.

Version 1.3.0

  • All generations are now availables.
  • New loading animation when each get-generation button is clicked.
  • The back side of the cards has now new features: the pokemon sprite, a description and the stats (HP, ATTACK, DEFENSE, SPECIAL-ATTACK, SPECIAL-DEFENSE).

Version 1.2.0

  • Responsive view in the start page.
  • Added dynamic icons colors.
  • Added dynamic icons depending on the secondary type in the back side of the cards.
  • Each card has the pokémon ID in the corner with the format #XXX.
  • The weight information was fixed (each weight is now divided by 10 in order to get the weight in KG)

Version 1.1.0

  • Added flip effect on cards.
  • Dynamic backgrounds on cards (front and back views) depending on the type.

Version 1.0.1

  • Added custom loader in /app section.
  • New favicon and logo.
  • New aesthetic on the music player component.

Version 1.0.0

  • First version with the first generation available to show.

pokeapp's People

Contributors

lithos-hub avatar

Stargazers

 avatar

Watchers

 avatar  avatar

pokeapp's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.