Skip to content

cyberquill/Connect_plus

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A Social-Networking website, based on the MERN stack. Visit the live website

Connect+ - Landing Page

This project was bootstrapped with Create React App.


Required Environment Variables

VARIABLE Sample value
KEY sample_key
URI mongodb://localhost/connect_plusDB
GS_CLIENT_ID 12121212-somestuff.apps.googleusercontent.com
GS_SECRET THE-SECRET
CLOUDINARY_NAME your_name
CLOUDINARY_KEY 1234567890
CLOUDINARY_SECRET THE-BIG-SECRET

Installation Instructions

  1. Install Node.js
  2. Install npm
  3. If you plan to use a local instance of MongoDB database, install MongoDB community server.
  4. If you are using a local instance of MongoDB database, open a terminal/cmd window, and run: mongod
  5. Clone this github repo.
  6. In the local project directory, create a new file called ".env".
  7. Setup the environment variables as described above.
  8. Open the local project directory in a terminal, and run:
    >	npm install
    >	npm run dev

Available Scripts

In the project directory, you can run:

npm run dev

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console. Please note that this loads the server on http://localhost:8000. Make use of this to browse the back-end API. Also note that the server requires an active instance of the MongoDB database. Either provide a MongoDB atlas link in the URI environment variable, or use a local database, by placing its URI in the same.

npm run client

Runs the front-end client app in the development mode.
Open http://localhost:3000 to view it in the browser.

npm run server

Runs the back-end server app in the development mode.
Open http://localhost:8000 to view it in the browser. Please note that the server requires an active instance of the MongoDB database. Either provide a MongoDB atlas link in the URI environment variable, or use a local database, by placing its URI in the same.


Application Screenshots

Connect+ Screenshot Connect+ Screenshot Connect+ Screenshot Connect+ Screenshot Connect+ Screenshot Connect+ Screenshot Connect+ Screenshot Connect+ Screenshot