guywithashampoo/satmeupbackend

The Satmeup app backend repository

THE SATMEUP APP BACKEND REPOSITORY

About the project

This is the backend repository of the Satmeup app

The Satmeup app was created using the React Library. It is a single page web application using client side rendering. The backend was created using Node and Express.

Table of Contents

• Deployment
  • App deployed on render
  • Backend repository
  • CRON server
• Project Structure
  • Frontend
  • Backend
• Folder Structure
• Node modules
• Available Scripts

Deployment

The front-end and back-end are seperateley hosted on Render. The Render back end server goes to a sleep state after 15 minutes of inactivity, making the first load on web page slow. A CORN server was used to fetch dummy data from express server every 10 minutes.

API's used: N2YO

App launched on render

https://satmeup.onrender.com/

Backend App repository

https://github.com/guywithashampoo/satmeupbackend

CRON used for keeping express server active

https://cron-job.com

Project Structure

Front end

React used to get user input and generate url using queries to fetch data from express server.

Back end

Node-Express used to make server to generate url to fetch data from API. Data sent back to front end as json object. CORS enabled for front end to send GET request.

Folder Structure

After setting up environment your folder structure should look like this:

└───backend
    │   .env
    │   .gitignore
    │   package-lock.json
    │   package.json
    │   server.js
    ├───node_modules
    └───routes
       └───endpoints.js

Node modules

To install all node modules use command

npm install

Available scripts

In the project directory, you can run:

npm start

Runs the app

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.

Your app is ready to be deployed!