https://github.com/smailen5/portfolio-website
Sito portfolio e di presentazione, qui e possibile vedere una parte dei miei lavori e i progetti in corso.
https://github.com/smailen5/portfolio-website
formik-yup formspree github-api jsx nextui react shadcn tailwind typescript vite
Last synced: 18 days ago
JSON representation
Sito portfolio e di presentazione, qui e possibile vedere una parte dei miei lavori e i progetti in corso.
- Host: GitHub
- URL: https://github.com/smailen5/portfolio-website
- Owner: Smailen5
- Created: 2024-08-09T18:18:29.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-23T17:07:13.000Z (9 months ago)
- Last Synced: 2025-06-23T18:23:40.995Z (9 months ago)
- Topics: formik-yup, formspree, github-api, jsx, nextui, react, shadcn, tailwind, typescript, vite
- Language: TypeScript
- Homepage: https://smailenvargas.com/
- Size: 6.75 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# Portfolio Smailen Vargas
[](https://app.netlify.com/sites/smailenvargas/deploys)
Portfolio personale come Frontend Developer.
**React 18** · **TypeScript 5+** · **TanStack Router** · **Tailwind CSS v4**
[🌐 Esplora il Sito](https://smailenvargas.com) · [📝 Changelog](CHANGELOG.md) · [🐛 Segnala Bug](https://github.com/Smailen5/portfolio-website/issues)
---
## 📖 Panoramica
Portfolio moderno e performante sviluppato con le tecnologie frontend più recenti. Il sito presenta un'architettura **type-safe**, **routing file-based** e un sistema di **SEO dinamico** ottimizzato per i motori di ricerca.
**Highlights tecnici:**
- 🎯 **100% TypeScript** con strict mode
- 🗂️ **File-based routing** con TanStack Router
- 🎨 **Tailwind v4** + DaisyUI per UI moderne
- 🔍 **SEO ottimizzato** con React Helmet
- 🌓 **Dark mode** persistente
- 📱 **Fully responsive** design
---
## 🖼️ Screenshot
Vista Desktop
Vista Mobile
## 🛠️ Tecnologie Utilizzate
### Frontend
- [React 18](https://react.dev/) - Framework UI
- [TypeScript 5+](https://www.typescriptlang.org/) - Type Checking
- [TanStack Router](https://tanstack.com/router) - Client-side Routing (file-based)
- [Tailwind CSS v4](https://tailwindcss.com/) - Styling utility-first
- [DaisyUI](https://daisyui.com/) - Componenti UI
- [React Helmet](https://github.com/nfl/react-helmet) - SEO & Meta Tags
- ~~[NextUI](https://nextui.org/) - Componenti UI~~ (Rimosso v4.0.0)
- ~~[Lottie](https://airbnb.io/lottie/) - Animazioni~~ (Rimosso v4.0.0)
### Strumenti
- [pnpm](https://pnpm.io/) - Package Manager
- [Vite](https://vitejs.dev/) - Build Tool & Dev Server
- ~~[Formik](https://formik.org/) - Form Management~~ (Rimosso v5.0.0)
### Servizi
- [Netlify](https://www.netlify.com/) - Hosting, Deploy & CDN
- [GitHub](https://github.com) - Repository progetti (link esterni)
- ~~[Formspree](https://formspree.io/) - Form Backend~~ (Rimosso v5.0.0)
- [GoDaddy](https://www.godaddy.com/) - Domain Provider
## 🎯 Sfide Superate
Espandi dettagli
- **File-based Routing**: Implementazione TanStack Router per routing type-safe e file-based
- **SEO Dinamico**: Sistema meta tags con React Helmet per ogni pagina
- **Responsive Design**: Portfolio visivamente accattivante e funzionale su ogni dispositivo
- **Filtro Progetti**: Sistema di filtraggio per tecnologia con contatore real-time
- **Tema Persistente**: Dark/Light mode con salvataggio in localStorage
- **Netlify CDN**: Hosting ottimizzato per asset statici e progetti
- **Type Safety**: TypeScript strict mode con zero `any` types
- ~~**Form di Contatto**: Form con validazione Formik~~ (Rimosso v5.0.0)
- ~~**API GitHub**: Rate limiting e caching progetti~~ (Sostituito con CDN Netlify v3.9.0)
## 📋 Road Map
Espandi road map
### ✅ Completati
- [x] Migrazione TanStack Router (v4.0.0)
- [x] Tailwind CSS v4 + DaisyUI (v4.0.0)
- [x] SEO con React Helmet (v5.0.0)
- [x] Filtro progetti per tecnologia (v3.0.0)
- [x] Dark mode con persistenza (v2.0.0)
- [x] Download/visualizzazione CV (v2.0.0)
- [x] CDN Netlify per progetti (v3.9.0)
- [x] TypeScript strict mode (v4.0.0)
- [x] Commenti TSDoc completi (v5.0.0)
- [x] Refactoring completo SPA (v5.0.0)
### 🔄 In Sviluppo
- [ ] Animazioni Framer Motion
- [ ] Blog tecnico integrato
- [ ] PWA (Progressive Web App)
- [ ] Analytics privacy-first
### ❌ Cancellati
- ~~Server e database progetti~~ (Non necessario con CDN Netlify)
- ~~Temi multipli~~ (Bastano light/dark)
- ~~Form di contatto~~ (Email + Social sufficienti)
- ~~API GitHub con rate limiting~~ (Sostituito con CDN Netlify)
## 📚 Risorse Utili
Espandi risorse
### Documentazione
- [React 18 Docs](https://react.dev/)
- [TypeScript Handbook](https://www.typescriptlang.org/docs/)
- [TanStack Router Docs](https://tanstack.com/router/latest)
- [Tailwind CSS v4 Docs](https://tailwindcss.com/docs)
- [DaisyUI Components](https://daisyui.com/components/)
- [React Helmet](https://github.com/nfl/react-helmet)
### Design & Assets
- [Icons8](https://icons8.it/icons/) - Icone utilizzate
- [Frontend Mentor](https://www.frontendmentor.io/) - Sfide progetti
### Tools
- [Vite Guide](https://vitejs.dev/guide/)
- [pnpm Docs](https://pnpm.io/)
- [Netlify Docs](https://docs.netlify.com/)
### Deprecate
- ~~[Formik Docs](https://formik.org/docs)~~ (Non più usato)
- ~~[NextUI Docs](https://nextui.org/)~~ (Sostituito con DaisyUI)
## 📝 Note Legali
© 2024 - 2025 Smailen Vargas. Tutti i diritti riservati.