Giter Club home page Giter Club logo

fullstack-mevn-app's Introduction

fullStack-mevn-app

Fullstack JavaScript Application (MEVN-MongoDB-Express-Vuejs-Nodejs)

Requirements

  1. Nodejs >= v10.19
  2. npm >= 6.14.11
  3. yarn >= 1.22.5
  4. @vue/cli >= 4.4.6
  5. internet access

#How to run application
clone repository
git clone https://github.com/Surajmendy/fullStack-mevn-app.git

change directory to fullStack-mevn-app folder
cd fullStack-mevn-app

Configure Database

I have created a mongodb Atlas database and have whitelisted all ip addresses in order to make it easy to run the application. To change the database, navigate to the backend directory and open config.js change url to your mongodb database url.
Note**
If you start the backend and you see the message "Connected to the database!" on the console, it means, the application was able to establish connection to the mongodb atlas database, Hence you are good to start testing.

Incase you see the message "Cannot connect to the database!", kindly make sure you are connected to the internet. Sometimes, atlas reject some IP address, although I have whitelisted all IPs, In this case, kindly email me on [email protected] to whitelist your IP address or connect to a local monogodb database by changing the url in the config.js

start backend

  • navigate to backend directory
    cd backend
    install packages
    npm install
    -start backend application
    npm start Backend runs on port 3001,
    open http://127.0.0.1:3001 in your browser to test if backend started sucessfully
    if you see {"message":"Works."} it means the backend application started successfully

    open http://127.0.0.1:3001/api/docs to read API documentation

start frontend

  • navigate to frontend directory
    open new terminal in cloned repo directory
    change directory to frontend directory
    cd frontend
    install packages
    yarn install
    -start frontend application
    yarn serve

Frontend runs on port 8080, open frontend in your browser with http://127.0.0.1:8080

confirm base url for backend

open config.js file in fullStack-mevn-app/frontend/public change apiUrl to your backend url
if the backend url is http://127.0.0.1:3001
then apiUrl = "http://127.0.0.1:3001/api"

fullstack-mevn-app's People

Contributors

surajabdul99 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.