Skip to content

alesbe/mini-message-board

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 

💬 Mini message board

browser view

A lightweight message board made with MongoDB, Express, React, and NodeJS.

📚 Libraries and tools used

Frontend

  • React: Frontend design
  • Axios: GET/POST requests with backend

Backend

  • Node: Backend environment.
  • Express: Requests management
  • Mongoose: MongoDB connection and object modeling
  • CORS: Library to allow CORS
  • Nodemon (dev): Library to hot reload the server on change

Database

Deployment

  • Docker: Project bundler in OS-level virtualization containers to work in any environment

⚙️ Run the app

Default ports:

  • Backend: 8000
  • Frontend: 3000
  • MongoDB: 27017

Option 1 (recommended): 🐳 Docker

Download the source code

git clone https://github.com/alesbe/mini-message-board.git
cd mini-message-board

Run Docker Compose

docker-compose up

Option 2: Run the project yourself

You'll need 3 different terminals, because each part works individually and does not support detached mode without docker.

1.- Setup database

Download mongodb and start the process

mongod

2.- Download the source code

git clone https://github.com/alesbe/mini-message-board.git
cd mini-message-board

3.- Setup backend server

Go to server folder and install dependencies

cd server
npm install

Then, start the server

node server.js

4.- Setup frontend

Go to project root folder and cd into client, then, install dependencies

cd client
npm install

Then, start the client

npm start