Projet WebApp : Blog appication

This project is done in pairs with the aim of deepening and putting into practice the knowledge acquired in web technology courses.

Colaborateur :

• 😎 Christ ABESSOLO
• 🧑🏽‍💻  Nabil AFADJENE

Languages and Tools:

---

Be sure to install npm first for upload the project:

you can check by typing this in your terminal:

npm -v

if you don't have npm install: click me

to run the project :

first : open a file and clone the project by using this command

HTTPS mode

git clone https://github.com/RovaEncoder/ece-wepapp-abessolo-affadjene.git

SSH mode

git clone [email protected]:RovaEncoder/ece-wepapp-abessolo-affadjene.git

second : run the project

npm start

blog :

first :access to the blog

access to file

cd app/

enter the commande :

npm run install

second :run the project

npm run dev

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

Preview : clic Me to see, I am on Vercel !😊

Fonctionalities

Home page: it contents

• An navbar and footer
• List the three latest articles.
• ckick on the "Rediger" to write an article if we have are connected else whe have to login first

Article page: it contents

• All the articles whith a Searchbar

Login :

• We can login with github provider or email and password (when we have an account)

Profile page:

• This page display the information and the all articles of the current user if connected.
• Some others articles we can click on them to see their content

New articles creation:

• We can create a new article if we have an account and we are connected

New comment creation:

• When an user is connected he can comment articles

Account settings:

• User who is connected can set his infomation by clicking on "Mes information" in his profile page

Light/dark theme

• Users can switch mode in dark or white by clicking on the button in the navbar

Others fonctionalities:

• Whith the Searchbar: it easy to search an article

Be enjoy to navigate an see all fonctionalitiese✨