Pokedex-frontend

multi-framework (ITA)

Questo progetto nasce come un'esplorazione pratica e divertente nel mondo dello sviluppo frontend. Sfruttando le PokeAPI , ho deciso di creare un Pokedex completo, implementandolo con una varietà di framework UI popolari come Angular, Vue, Next.js, e Svelte.

L'idea principale è applicare alcuni principi del Coderetreat per mantenere una coerenza strutturale tra le diverse implementazioni. A tal fine, ogni versione del Pokedex condivide gli stessi strumenti di base:

Build tool: Vite, per una fase di sviluppo rapida ed efficiente.

Framework CSS: Tailwind CSS, per uno styling uniforme e personalizzabile.

Design: Un mockup di pagina comune, per garantire un'esperienza utente coerente.

Il cuore del progetto risiede nell'implementazione delle operazioni CRUD (Create, Read, Update, Delete). Per gestire queste funzionalità, sto sviluppando un server di backend (utilizzando Node.js o Python) che agirà come il mio Pokedex personale. In questo modo, ogni volta che scopro un nuovo Pokémon tramite le PokeAPI, posso aggiungerlo, aggiornarlo o rimuoverlo dalla mia lista personale.

multi-framework (ENG)

This project is a practical and fun exploration into the world of frontend development. Using the PokeAPI, I'm building a complete Pokedex by implementing it with a variety of popular UI frameworks such as Angular, Vue, Next.js, and Svelte.

The main idea is to apply some principles from the Coderetreat to maintain structural consistency across the different implementations. To achieve this, each Pokedex version shares the same core tools:

Build Tool: Vite, for a fast and efficient development process.

CSS Framework: Tailwind CSS, for a uniform and customizable styling.

Design: A common page mockup, to ensure a consistent user experience.

The core of the project lies in implementing CRUD (Create, Read, Update, Delete) operations. To handle these functionalities, I am developing a backend server (using either Node.js or Python) that will act as my personal Pokedex. This allows me to add, update, or delete Pokémon from my personal list as I discover them through the PokeAPI.

Progetti in lavorazione

• pokedex-react
• pokedex-svelte-5 Progetti in attesa
• pokedex-angular
• pokedex-vue
• pokedex-next
• pokedex-svelte

Progetti completati ...

Creazione

pokedex-react

ng g create pokedex-angular

pokedex-react

npm create vite@latest pokedex-react -- --template react-ts

pokedex-vue

npm create vite@latest pokedex-vue -- --template vue-ts

pokedex-svelte

npm create vite@latest pokedex-svelte -- --template svelte-ts

pokedex-svelte-5

npx sv create pokedex-svelte-5

PokeAPI

Requisiti

Pagine da sviluppare

Social e Contatti

• 🌳 Link Tree Homemade
• 📷 Instagram
• 🎵 TikTok
• 🎥 Youtube
• 📫 Email: bacarotech@gmail.com