Climatch

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Défis

Yes We Dev

  • Merge request :

    • Utilisation d'une branche de prod protégée, seul la branch de dev peut être mergée dedans avec l'accord d'un membre de l'équipe.
    • Pareil pour la branche de dev, les PR ne peuvent être mergées que si elles sont validées par un autre membre de l'équipe.
    • Pour les branches de features, elles ne peuvent être mergées que si elles sont validées par un autre membre de l'équipe.
    • Lien vers les PR
  • Normalisation des nommages de commits :

    • Utilisation de la norme Karma :
      • feat : pour les nouvelles fonctionnalités
      • fix : pour les corrections de bugs
      • refactor : pour les modifications de code qui n'apportent pas de nouvelles fonctionnalités ou de corrections de bugs (ex: renommage d'une variable)
      • style : pour les modifications qui n'apportent pas de nouvelles fonctionnalités ou de corrections de bugs (ex: changement de couleur d'un texte)
      • docs : pour les modifications qui n'apportent pas de nouvelles fonctionnalités ou de corrections de bugs (ex: changement de couleur d'un texte)
      • chore : pour les modifications qui n'apportent pas de nouvelles fonctionnalités ou de corrections de bugs (ex: changement de couleur d'un texte)
    • Lien vers les commits
  • Backlog :

    • Utilisation de la méthode agile Scrum avec la création d'un backlog via le GitHub Project.
    • image
    • Lien vers le backlog

Nous avons choisit ces 3 outils car ils sont très utilisés dans le monde du développement et nous permettent de nous familiariser avec eux. De plus, ils nous permettent de travailler en équipe de manière efficace et de nous organiser pour que chacun puisse travailler sur une partie du projet sans que cela ne pose de problème. Nous les avons utilisés dès le début du projet pour nous familiariser avec eux et nous avons pu voir que cela nous a permis de gagner du temps et de nous organiser plus facilement, que ce sois pour se répartir les tâches ou pour faire des retours sur le travail des autres. Cela a apporté à l'équipe une meilleure organisation et une meilleure communication et pour ce qui est des contraintes, nous avons du nous habituer à utiliser ces outils et à les intégrer dans notre travail, ce qui n'a pas été très compliqué mais au moins nous avons pu découvrir ces outils et nous pourrons les utiliser dans nos futurs projets.

ASI : Ne rien faire, c’est parfois mieux

  • Limiter le nombre d’images lourdes. Les images vectorielles peuvent vous aider !

  • Utiliser des couleurs sombres. (Dark mode?)

  • Avoir une navigation simple et pertinente: atteindre n’importe quelle page en moins de 3 clics.

  • Avoir peu de distractions à l’écran afin de permettre à l’utilisateur de voir l’essentiel.

  • Se concentrer sur les fonctionnalités clés et ne pas mettre de contenu inutile.