Skip to content

Un site web sur l'écocitoyenneté, réalisé dans le cadre de nos études. Il a pour but de sensibiliser les gens sur l'importance de protéger notre environnement en se basant sur un film sur l'écocitoyenneté.

License

Notifications You must be signed in to change notification settings

M-U-C-K-A/SAE301

Repository files navigation

Version License SAE301

Francais | English | Programmation | Low Carbon

Look Down

Un site web sur l'écocitoyenneté, réalisé dans le cadre de nos études. Il a pour but de sensibiliser les gens sur l'importance de protéger notre environnement en se basant sur un film sur l'écocitoyenneté. Il est développé en HTML, CSS, JavaScript et utilise des librairies telles que AOS. Il comporte deux parcours :

  1. Le parcours "Film" : Il présente le film sélectionné et les informations à son sujet. Il comprend également des informations sur notre projet et les raisons qui nous ont poussé à le réaliser.
  2. Le parcours "Agir" : Il propose des quizz sur l'écocitoyenneté et des informations sur les actions concrètes que chacun peut mettre en place pour protéger l'environnement. Il vous permet également de vous engager à prendre des actions et de partager votre engagement avec vos amis sur les réseaux sociaux.

Installation

Téléchargez ou clonez ce dépôt Installez les dépendances en utilisant la commande npm install Lancez le site en utilisant la commande npm start

Utilisation

Ouvrez votre navigateur et accédez à l'adresse http://localhost:3000 pour voir le site en action. Vous pouvez naviguer à travers les différentes sections du site pour en savoir plus sur l'écocitoyenneté et sur le film en question.

Charte graphique

Notre projet Look Down a été conçu avec une charte graphique sobre et élégante pour refléter l'importance de l'écologie et la nécessité de protéger notre environnement.

Les couleurs principales utilisées dans le projet sont

  • #81CD79 #81CD79 le vert utilisé pour représenter l'écologie et la nature,
  • #F5F5F5 #F5F5F5 le blanc est pour représenter la pureté du texte,
  • #1E1E1E #1E1E1E le noir pour représenter l'élégance et la sophistication.
  • La typographie utilisée pour les titres est "Outfit Medium Semibold" pour souligner l'importance des informations présentées.

  • Les paragraphes sont écrits en "Montserrat Regular" pour garantir une lisibilité optimale.

En utilisant une combinaison de couleurs vives et de typographie soignée, nous avons créé un look professionnel et convaincant qui reflète l'importance de l'écologie et de la préservation de notre environnement. Nous espérons que vous apprécierez notre design tout autant que nous l'avons apprécié en le créant.

Contribution

Nous sommes ouverts aux contributions et aux suggestions pour améliorer le site. Si vous souhaitez contribuer, veuillez suivre les étapes ci-dessous:

  1. Faites un fork de ce dépôt
  2. Créez une nouvelle branche ( git checkout -b my-new-feature )
  3. Faites des modifications et commit ( git commit -am 'Add some feature' )
  4. Poussez sur votre branche ( git push origin my-new-feature )
  5. Faites une demande de tirage ( pull request )

Crédits

  • Nabil Boukhorissa a été responsable de la conception et de la mise en place de la structure globale du site, ainsi que de la mise en place des différents quizz et des fonctionnalités d'engagement.
  • Hugo Delacour a été responsable de la mise en place de la mise en page et de la mise en forme du contenu, ainsi que de la mise en place de la section de présentation du film.
  • Sous la supervision de M. Pique, nous avons travaillé ensemble pour finaliser le projet et le rendre accessible au public.

Nous tenons à remercier tous ceux qui nous ont aidés et soutenus dans la réalisation de ce projet, en particulier notre professeur pour sa guidance et ses conseils précieux.

Licence

  • Ce projet est sous licence libre, vous pouvez donc le modifier, le distribuer et l'utiliser à votre guise.
  • Le code source du projet est réutilisable librement sous la license MIT.
Copyright (c) 2023 Nabil Boukhorissa, Hugo Delacour

About

Un site web sur l'écocitoyenneté, réalisé dans le cadre de nos études. Il a pour but de sensibiliser les gens sur l'importance de protéger notre environnement en se basant sur un film sur l'écocitoyenneté.

Topics

Resources

License

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published