Giter VIP home page Giter VIP logo

cli-mate's Introduction

Cli-Mate

Cli-Mate is a carbon-emissions tracking app. Users can create profiles to view their to-date carbon savings and calculate their daily savings based on distance walked, bussed, or biked.

Project setup

npm install

Compiles and hot-reloads Vue Server for development

npm run serve

Compiles and minifies files for production build

First, run:

npm run build

Next, copy the files within the build folder:

  • CSS
  • JS
  • favicon.ico
  • index.html

Paste them in the folder /app/views. To run Express / Vue Production Server, see below.

Lints and fixes files

npm run lint

How to compile Express / Vue Production Server

node app.js

How to run tests

npm run test

MongoDB Atlas instructions

  • 'api/routes/todoRoutes.js' creates get and post requests at /logins endpoint

  • 'api/controllers/todoController.js' contains list, create, update, and delete functions

  • 'api/models/todoModel.js' contains the schema for a login, user/password/email

  • 'config/db.js' contains the connection to MongoDB Atlas through Mongoose (connection url stored in ./keys)

  • When calls are made to the RESTful API, updates and changes are reflected accordingly to MongoDB Atlas because we have connected.

MongoDB Atlas log-in E-mail:

Google Maps Matrix API

To use, navigate to the following link:

https://maps.googleapis.com/maps/api/distancematrix/json?destinations=New%20York%20City%2C%20NY&origins=Washington%2C%20DC&key=AIzaSyDbNa6oUwctkBvSKZixHrtW_IE3zrABBJA

While integration is not completed with the front-end, the matrix calculation is functional on the backend and can be used to calculate distance between two points if hard-coded. The above link is a reflection of our current hard-coded value, which can be translated to a Carbon Performance Index (CPI) value if we connected it to user-input.

Demonstration of Functionality

Activity Reporting:

Alt Text

Logging in using Google OAuth:

Alt Text

Page Design and Responsiveness

Alt Text

cli-mate's People

Contributors

absandell avatar christopherdang avatar dependabot[bot] avatar alejandropascual12 avatar mdjabirhossain 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.