Hint

A blog website originaly made for MernOps, where users can share and discuss there best ideas and subjects.

Project Description

Hint is a dynamic blog platform initially crafted for MernOps, designed to foster a community where users can freely share and discuss their most innovative ideas and topics. The platform allows users to create, edit, and delete blog posts, comment on posts, and engage in meaningful discussions. With a focus on user experience, Hint incorporates real-time updates and notifications to keep users informed about the latest interactions on their posts. The intuitive interface and robust backend ensure a seamless and engaging experience for all users, making it an ideal space for idea exchange and community building.

Technologies Used

• EJS
• Tailwind CSS
• CSS
• JavaScript
• Bootstrap Icons
• Node js ( Express js )

How to install

First, clone the repository :

    git clone https://github.com/Ismail-Lafhiel/vibeShare.git

Get to the repository folder :

    cd vibeShare

Open folder in Visual Studio Code :

    code .

Run to update the package list

    npm update

Now start your node server

    node ./add.js

Now navigate to http://localhost:3000/

How to Play

1. The game is played on a grid 20x20.
2. Players take turns to place their symbol (X or O) in an empty cell.
3. The first player to align 5 successive symbols in any direction (horizontal, vertical, or diagonal) wins the game.
4. If all cells are filled and no player has aligned 5 symbols, the game ends in a draw.

Documentation

• This game was written in JavaScript for web single-play and multi-play.
• This game uses the webSockets by SocketIo package technology to maintain real time communication between the client-side and server-side.

Project Structure

vibeShare/
├── node_modules/
├── config/
├── controllers/
├── middlewares/
├── models/
├── routes/
├── scripts/
├── public/
├── services/
├── views/
├── README.md
├── .env
├── app.js
├── package.json
├── package-lock.json
└── tailwind.config.js

Directory/File	Description
node_modules/	Contains npm dependencies
config/	Application configuration settings
controllers/	Handles requests and responses
middlewares/	Custom middleware functions
models/	Database models and schemas
routes/	Application route definitions
scripts/	Scripts for automation or development tasks
public/	Front-end assets and static files
services/	Business logic and external service integrations
views/	HTML template views
README.md	Project documentation
.env	Development environment variables
app.js	Main application entry point
package.json	Project metadata and npm scripts
package-lock.json	Dependency lock file
tailwind.config.js	Tailwind CSS configuration

Links

• Presentation
• GitHub Repository
• Potential online website