wallacetyler / Contact-Manager

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Contact Manager

Description of our contact manage can go here.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Install MongoDB for Windows. Also be sure to install Node for Windows. Check that Node is working by opening PowerShell as admin and running the following commands npm -v. You should see a version number.

Installing

Be sure to clone this repository.

Create a the directory data\db in your root directory.

react_app
├── backend                # API Files
├── public                 # Public Files
└── src                    # Frontend Files

Using your terminal access the main directory of the app. First you must create the database before anything. To do this on Windows run the following command:

"C:\Program Files\MongoDB\Server\4.0\bin\mongod.exe" --dbpath="c:\data\db"

Be sure to change [INSERT PROJECT PATH] to be the path on your machine to the cloned repository. If successful you should see:

[initandlisten] waiting for connections

Now we need to create the database. In a new Window/Tab run:

"C:\Program Files\MongoDB\Server\4.0\bin\mongo.exe"

then run:

use contact_manager

You should see the message switched to db contact_manager.

Now let's install the the dependecies for each app using npm. First run npm install -g nodemon to install nodemon.

Then access the backend directory in a new Window/Tab and run:

npm install
nodemon server.js

Now we will start both the backend then the frontend. In a new Window/Tab access the root folder and run:

npm install
npm start

You can now access http://localhost:3000/ to see the homepage of the app. If everything is working correctly you should also be able to scroll down on the page and see both 'API is working properly' and 'Connected to database'.

Built With

Versioning

No versioning at this time.

Authors

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments

  • Stackoverflow
  • Various tutorials

About


Languages

Language:JavaScript 82.4%Language:HTML 11.4%Language:CSS 6.2%