Projet personnel
SpaceX Dashboard
Challenge technique 48h - API REST
Next.js 15TypeScriptTailwind CSSAPI REST
2024
48 heures
Stage obtenu à la French Tech Littoral
Le projet en détail
Ce projet a été mon ticket d'entrée pour mon stage. En seulement 48h, j'ai développé un dashboard interactif utilisant l'API publique de SpaceX pour afficher les données des missions spatiales en temps réel. Le défi était de créer une interface moderne et immersive qui capture l'essence de l'exploration spatiale. J'ai utilisé Next.js 15 avec les nouvelles fonctionnalités d'App Router, TypeScript pour la robustesse du code, et Tailwind CSS pour un design system cohérent. Le dashboard affiche les prochains lancements, l'historique des missions, les statistiques de réussite, et inclut même un compte à rebours en temps réel pour le prochain lancement.
Aperçu du projet
Agrandir
1 / 3
Agrandir
2 / 3
Agrandir
3 / 3
Défis relevés
- ▸Délai de 48h pour impressionner les recruteurs
- ▸Intégration de l'API Launch Library 2 avec gestion des erreurs
- ▸Création d'un compte à rebours précis en temps réel
- ▸Design immersif avec animations CSS performantes
- ▸Optimisation du cache Next.js pour réduire les appels API
Compétences acquises
- ▸Next.js 15 avec App Router et Server Components
- ▸Consommation d'API REST avec gestion du cache
- ▸TypeScript pour un code robuste et maintenable
- ▸Animations CSS avancées sans impact sur les performances
- ▸Déploiement rapide sur Vercel
Stack technique complète
▸ Langages
TypeScript 5
▸ Frontend & Frameworks
Next.js 15
React 19
Tailwind CSS 3.4
Next.js Data Caching
▸ Outils & Services
Fetch API
CSS Animations
Responsive Design
Turbopack
PostCSS
Autoprefixer
Git
npm
▸ APIs & Services
Launch Library 2 API
▸ Déploiement
Vercel
Déploiement
Vercel