jet10000 / nest-vue-project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Build a blog using Nest.js, Vue.js and MongoDB

Application repo for a simple blog application built with Nest.js, Vue.js and MongoDB.

Getting Started

This prototype is divided into two separate sections. Namely the Backend ( Built with Nest.js) and the frontend ( Built with Vue.js ).

Clone the repository

To easily set up the application, clone this repository which contains directory for both sections of the project ( i.e blog-backend and blog-frontend)

git clone https://github.com/yemiwebby/nest-vue-project.git

Change directory into the newly cloned project

cd nest-vue-project

Backend

Change directory into the backend

cd blog-backend

Install backend dependencies

npm install

MongoDB

Ensure that you have mongoDB installed on your machine before running the application. I have this fully setup on my mac already.

Start mongoDB:

sudo mongod

Run the application

Open another terminal and still within the blog-backend project directory run the application with:

npm run start:dev

This will start the backend application on port 3000.

Frontend

Open another terminal from the nest-vue-project and navigate to the blog-frontend folder to setup the frontend

Frontend dependencies

cd blog-frontend
npm install

Run the frontend app

npm run serve

Test the application

Finally open your browser and view the application on http://localhost:8080

Prerequisites

Node.js, Npm, MongoDB

Built With

Nest.js Vue.js MongoDB

About


Languages

Language:Vue 44.5%Language:TypeScript 43.9%Language:JavaScript 7.5%Language:HTML 3.7%Language:CSS 0.3%