1 ▸ Présentation du Projet
- Nom du projet : Pixel Renovate
- Client : Projet personnel pendant ma recherche d’alternance pour mon Bac+5
- Date de début : Début Juin 2023
- Date de fin : Fin Juillet 2023 (2 mois)
Vidéo de présentation du site Pixel Renovate
2 ▸ Objectifs du Projet
Développer un site exemple pour une entreprise de réparation de PC, consoles et mobiles, en intégrant des animations modernes et des notifications instantanées via webhooks Discord. Améliorer l’interface et les fonctionnalités de PC Genius avec une touche personnelle et des améliorations notables.
3 ▸ Défis rencontrés
- Implémentation d’animations modernes pour améliorer l’expérience utilisateur.
- Utilisation de webhooks Discord pour des notifications instantanées et gratuites des soumissions de formulaires.
- Optimisation du site pour un hébergement efficace sur Vercel avec une API serverless.
4 ▸ Solutions apportées
- Développement du site avec Next.js et TypeScript pour un front-end réactif et performant.
- Intégration de webhooks Discord pour une gestion efficace et instantanée des soumissions de formulaires.
- Utilisation de Vercel pour l’hébergement du front-end et des fonctions serverless, assurant une performance optimale et une gestion simplifiée.
5 ▸ Technologies
- Front-end : Next.js (TypeScript)
- Base de données : MongoDB
- Langages de programmation : TypeScript
- Serveurs de production : Vercel
- Notifications : Webhooks Discord
6 ▸ Processus
Utilisation de méthodes agiles pour le développement, avec une planification rigoureuse et une attention particulière à l’expérience utilisateur et à la performance du site. Les maquettes ont été réalisées sur Figma avant l’intégration.
7 ▸ Résultats obtenus
Pixel Renovate a été développé avec succès, offrant un site interactif et dynamique pour la réparation de PC, consoles et mobiles. Les notifications instantanées via Discord assurent une gestion efficace des soumissions de formulaires, améliorant la réactivité et le service client.
8 ▸ Retours sur la mission
Ce projet a permis de consolider mes compétences en développement web, en intégration d’animations modernes et en gestion de notifications en temps réel. Il a également démontré l’efficacité de l’utilisation de Vercel pour l’hébergement de solutions web modernes.
9 ▸ Compétences Acquises
- Développement avancé avec Next.js et TypeScript.
- Intégration de webhooks Discord pour des notifications instantanées.
- Optimisation de l’expérience utilisateur avec des animations web modernes.
- Utilisation de Vercel pour l’hébergement de solutions serverless.
10 ▸ Difficultés Rencontrées
- Mise en place des animations de manière fluide et optimisée.
- Configuration des webhooks Discord pour assurer une notification instantanée et fiable.
- Gestion de la performance et de la scalabilité du site avec une architecture serverless.