https://github.com/tmslpm/angular-pokedex

Angular Pokedex (PokeApi)
https://github.com/tmslpm/angular-pokedex

Last synced: 17 days ago
JSON representation

Angular Pokedex (PokeApi)

• Host: GitHub
• URL: https://github.com/tmslpm/angular-pokedex
• Owner: tmslpm
• Created: 2023-12-13T14:06:14.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-27T21:03:43.000Z (8 months ago)
• Last Synced: 2024-11-05T16:12:45.120Z (2 months ago)
• Language: TypeScript
• Homepage: https://tmslpm.github.io/angular-pokedex/en-US/#/
• Size: 3.25 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# [Angular - Pokedex](https://tmslpm.github.io/angular-pokedex/en-US/#/)

- [Click here to try the pokedex](https://tmslpm.github.io/angular-pokedex/en-US/#/)

Hey! Here, you'll discover the result of my frontend development work with Angular 17,

using TypeScript and Sass. My main goal is to enhance my skills with the Angular

framework by creating a functional version of the renowned Pokedex.

## Why ?

During my Java Fullstack qualification training, we had an exercise

on Angular where we needed to fetch JSON data from a remote API and

display it in our Angular frontend. I took this opportunity to create

a real Pokedex, which allowed me to discover and appreciate Angular,

even though I was initially a fan of VueJS.

Here are the features I implemented:

- i18n support (internationalization)

- Caching strategy for API responses

- Service using the native Fetch API

- Service using Angular's HttpClient API

- Dark/light CSS theme

- Text-to-Speech (TTS) for the Pokedex

- Cool animations for the Pokedex

> PS: The Pokedex is not yet responsive and there are still optimizations to be made.

I'm proud of what I've accomplished, and this experience really made me appreciate Angular. Check out the project in detail and let me know your thoughts!

![pokedex preivew](/pokedex.png)

tmslpm -- 2023