Skip to content

dhafinrazaq/HelloWorld

 
 

Repository files navigation

Welcome to the HelloWorld App

text

Feeling bored? Chat with people around the world!

HelloWorld is an application designed for connecting users throughout the globe with an interactive map display.

Screenshots

starting pageJoining in the fun!

zoom outChat with people around you!

zoom out even moreSee people around the world!

Disclaimer: The app is partially populated with fake data.

Rationale

During COVID-19, it's hard to meet other people. Due to the frustration and ongoing boredom people may face, we have decided to create a web application for people from all around the world to chat and make new friends!

Quick Start

Setting up

  1. Get a Google Maps API key by following the guide here.
    Remember to enable Maps JavaScript API in your Google Cloud Platform.

  2. Clone the repo

    git clone https://github.com/HelloWorldHnR/HelloWorld.git
  3. Install NPM packages for server

    npm install
  4. Install NPM packages for client

    cd client
    npm install
  5. Add a .env file in the client directory with your API

    REACT_APP_GMAPS_API = ENTER YOUR API
    
  6. Setup your MongoDB Cloud database and get your MongoDB Atlas connection string

  7. Add another .env file in your root directory with your MongoDB Atlas connection string

    MONGODB_ATLAS_URI = ENTER YOUR MONGODB CONNECTION STRING
    

Usage

From the project root directory, run npm run dev in the command line to run the client and server concurrently in your local computer.

Contributors:

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 74.7%
  • CSS 19.6%
  • HTML 5.7%