A website, in angular, which uses the pokemon-pocket SDK to help me complete the game collection.
Used github copilot for code completion, mostly tailwind css
I finally was able to filter cards based on tgcp. It was pretty difficult, because the api doesnāt include an endpoint for searching a card from a determined series. I tried many ways and finally was able to fix this bug and get only tgcp pokemon cards.
Log in to leave a comment
Added a āfanā effect, so when you hover onto a card, it changes its z-index. The other cards are all behind the āselectionedā card
Log in to leave a comment
Added home. All functionalities you can do, various images and so on.
Log in to leave a comment
Added possibility to search a card, based on an expansion.
I will add a button so you can add the card in your missing card and then visualize all the cards you donāt have, so itās easier to trade them.
This will be saved in a databased linked with the user account.
Unfortunately there isnāt any possibility of directly linking your pokemon pocket account, so youāll have to add manually all the cards and then also remove them when you got them.
Log in to leave a comment
Completed the collage/poster. I still have one problem. Iām not able to like cut the images so they stay in the main page and donāt need extra space, like you can see frome the two horizontal and vertical bars.
I appreciate any advice.
Log in to leave a comment
Adding a nice āposterā containing some of the packs of the game.
Log in to leave a comment
Added some boxes, generated by an array containing the id, and the name of the expansion. When you click on the box, you can see all the cards of the expansion.
Still to add prettier style.
Log in to leave a comment
Implemented the expansion details page. Here you can search for an expansion and then see all the cards.
I want also to add a function, so when you click on a card thereās all the information about it.
Still to add the search bar to search for an expansion (for now you have to search also by ID, so Iāll have to implement something to convert that id into the name)
Log in to leave a comment
Added the search bar with logic to search a card. For now it searchs in all the api. Iāll fix this and just consider pokemon pocket cards.
Log in to leave a comment
Added the search bar.
Also added a poster. Thereās a nice effect; when you hover the cards they become bigger.
When youāll search for a pokemon this poster will be replaced by a grid of cards with the name of the pokemon you searched (ex, full-art, shiny, ā¦)
Log in to leave a comment
Added a search-bar in the page ācardsā. The search-bar is managed in a component, so its reusable.
When you type a pokemon it return a grid of cards taken from the game āpokemon pocketā.
Still missing style and images.
Log in to leave a comment
if you guys want, I have a playlist with lots of songs that help me concentrate and kind of ātriggerā my brain, so when I listen to it, I enter in a focus state
https://open.spotify.com/playlist/7mQliCHTzzjXXMxa6bTUQT?si=18ae60491c67435d
Log in to leave a comment
Added NavBar and initialized all the angular project, with the pokemon SDK implemention, tailwindCSS, routing for the pages and creation of all components / services (for the SDK).
Log in to leave a comment
For reference, this is the link to the SDK https://tcgdex.dev/sdks
Today I started the project, Iām excited to do it.
Iāll be coding all day long so stay focused, cause nice things are coming.
Greets
Log in to leave a comment