HackMD
Process Projet 2
Ou savoir par quel bout commencer son projet #2…
Pre-requisites:
- being in pair 👯♀️
Conception
Vous ne devez pas commencer par coder !
👉🏻 au contraire, vous devez passer par une phase de conception dans laquelle vous allez mieux définir votre projet
Inspiration / Ideation (cf. examples)
Brainstorming sur Figma.com (mode collaboratif)
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Inspiration sur Pinterest.com, Behance.com, dribbble.com …
Mockups
🚨 Required
Dessiner chacune des pages : vous pouvez utiliser du papier ou bien Figma.com en mode collaboratif.
Dans figma, créez une Frame par page :
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
👉🏻 Formez-vous à Figma avec ces tutos : https://www.youtube.com/playlist?list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
☝🏻Donnez un NOM_DE_PAGE pour chaque page !
💡 low VS. hi-def:
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Tableau des routes
🚨 Required
Créer une copie de ce document et adaptez-le avec vos routes :
Learn More →
ERD diagram
🚨 Required
Créez une copie de ce drawing, puis écrivez le json détaillé de vos différents modèles. Puis établissez les relations :
Learn More →
Réalisation
- Setup Github (creation repository + droits collaborateurs)
- Initialisation du projet (
npx ironlauncher@latest monsuperprojet) - premières routes : homepage puis signup puis login/logout (modèle de
User) - integration HTML/CSS de la première page
- dynamisation Handlebars
- déploiement Fly.io (cf. cours)
Stratégie recommandée
En pair, implémentation feature après feature :
- faire le fonctionnel de la page signup/login (moche : sans s'occuper du style)
- puis s'occuper de l'intégration CSS
Puis recommencer, sur une autre fonctionnalité…
