project-JustReact

Nous vous présentons ici, le projet 1 de la formation Dev Web avec la Wild Code School. projet développé en remote. Il nous à été proposé 6 sujets différents comme, un cookie clicker, un quizz, un pokedex, une to do list et un newsfeed. Notre choix s'est porté sur ce dernier..

Newsfeed

Application web, permettant de partager, d'échanger des informations entre membres d'un même reseau.

Contributeurs

• Maxim alias iNaeRoZ : https://github.com/iNaeRoZ
• Hédi alias Phoulos : https://github.com/Phoulos
• Vincent alias vinz-DY : https://github.com/vinz-DY

Promotion Remote septembre 2023

---

Objectifs

• une seule page : mur
• HTML --> indentation, utilisation des balises adéquataques, links avec .js/.css/icones...
• CSS --> styliser notre HTML, creer les blocs post, mettre en display ...
• Javascript --> creer des fonctions, des boucles, utiliser la DOM ...

---

Features

• Nouveau post

• pouvoir écrire un message dans la zone input.

• poster et le faire apparaître sur le mur.

• vider la zone input

• Difficultés

• input ne se vide pas --> changement dans JS

• texte dans le nouveau post dépasse de sa zone post --> utilisation de word-wrap: break-word

---

• Likes

• au clic faire que l'icône s'active (rouge)

• Dislikes

• au second clic faire que l'icône se désactive ( gris)

---

• Like Count
• lors du clic sur l'icône like, faire incrémenter le compteur de likes qui se trouve en haut des posts
• lors du dislike, le compteur doit décrémenter

---

• Refresh
• au clic sur l 'icône home (igloo) rafraichissement de la page ( effacement des posts puisque pas de backend)

---

• Date
• affichage de la date du jour sur les nouveaux posts.

---

Features à venir

• Cardfolios

• au clic sur l'icône apparition de la cardfolio de l'émetteur du post

• Contacts

• modal avec les contacts

• profil

• développer la page profil user

---

Nous retrouver

• le code --> https://github.com/iNaeRoZ/project-JustReact
• le live --> https://inaeroz.github.io/project-JustReact