Skip to content

Repository files navigation

enter image description here

👋 Présentation

Créer dans le cadre du cours [ECUE11] Intituler "Langages pour le Web".

Étant donné que j'ai déjà fait plusieurs projets en CSS et que j'ai déjà fait un projet en SASS, je me suis imposé le fait de le développer avec le framework css Tailwindcss

💾 Mes compétences

Niveau Niveau
HTML 90% BOOTSTRAP 60%
CSS 70% SASS 70%
JS 60% PHP 70%

HTML

Avant de commencé ce projet, je ne connaissais pas réellement l'utilité des balises suivante :

<section></section>
<article></article>
<template></template>

Au cours de ce projet, j'ai eu l'occasion d'approfondie mes connaissances dans l'accessibilité des pages web.

CSS

Avant ce projet, je connaissais déjà les propriétés de base css et des chose plus avancé tel que Flex et Grid. J'ai déjà eu l'occasion de développer avec le précompiler SASS

J'ai donc voulu expérimenté de développer cette application à l'aide d'un framework css en vogue nommé Tailwindcss.

J'ai cependant beaucoup de mal avec les frameworks css. Car de mon point de vue, il limite beaucoup la créativité et ils rendent le code HTML peu lisible.

JS

Je suis un grand adepte de JavaScript sans framwork je connaissait donc déjà beaucoup de chose basique de JavaScript.

J'ai donc profité de ce projet pour expérimenter les modules incorporés dans la nouvel syntaxe ES6

import * as Exemple from './modules/exemple.js';

👨‍🎓 Mon parcours

  • Bac STI2D SIN
  • DUT MMI
  • LP DEV WEB

🚀 Développer avec

Tailwind Snowpack HTML JavaScript

📖 L'architecture

.
├── dist        # Répertoire contenant les fichiers prêt pour la mise en production
├── src         # Répertoire contenant les fichiers d'origine
│   ├── asset        # Répertoire contenant les images et data (json)
│   ├── css          # Répertoire contenant les fichiers css 
│   └── js           # Répertoire contenant les fichiers js et module
└── ...

📜 Bilan

Je suis très fier de cette application qui rassemble plusieurs de mes compétences (design, développement, ergonomie). Le rendu et au-dessus de mes attentes.

De plus, cette application m'a permis d'expérimenter Tailwind que j'ai découvert cet été lorsque je me suis formé à ReactJs.

J'ai hâte de la finir totalement ❤

About

FRONT ONLY : HotHotHot est une application permettant à son utilisateur de consulté les température intérieur et extérieur.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages