pokemon manager

Added all functionality for guets.
Now you can save your data on local storage. You have like a full profile, the only thing is that if you log out you can’t of course re-login.

Added guest login possibility (thanks for the advice).
Now you can login as a guest, save all your data in local storage. Clearly there’s no saving with firestore.
I’ll also update the decks saving, allowing also local storage saving.

Made the app finally responsive. Still the decks page is not adapted on smartphones, but I’ll figure out how to fix this.
The rest of the app is now responsive and working
Hope you like it

Added two buttons under each card. You will set every card based on having it or not.
After pressing the button the missing cards only will be saved on your account, so you’ll be able to trade them and have a quick review of your missing cards.
There will be also a count of possessed cards.

Added your-profile page, where you can manage your profile, see the number of cards you posses (you’ll have to insert them manually) and also the missing cards.

Now login works. I used firebase and vercel for deployment.
I had some difficulties with firebase APIs (i had to set them inside of vercel)

Added login with firebase and google OAuth.
I will deploy the website on vercel to start using some functions.

Added info about a card when clicked on it after a research. Unfortunately the quality of the images is pretty bad, but it’s not my fault.
I created a componente called card-item to achieve this result

Added a nice UI in cards. The cards you see have a fan effect, so when you hover them, they become the first one in z-index

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.

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

Added home. All functionalities you can do, various images and so on.

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.

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.

Adding a nice “poster” containing some of the packs of the game.

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.

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)

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.

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, …)

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.

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

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).

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