Giter VIP home page Giter VIP logo

kamsafer's Introduction

KamSafer

KamSafer is a web app that enables you to log your trip's information. The purpose, total kilometers travelled by your vehicle, and notes to include your destination.

Brief summary of key requierments/features

  • Create logs that enables you to log your trip's information using modern technologies:React.js.
  • Allows the users used app to download his logs in excel version.

Features

Main functionality

  • Can log in using the general user and password of the Mercy Corps organization
  • Select the car I’ll be using
  • Confirm your trips and keep track of my kilometers travelled
  • Show the report of all logged trips
  • View trips by date
  • Download an excel version of my reports
  • Leave the account

Key Technologies

Architecture

Code structure

  • The client folder contains the front end code
  • The src folder contains the backend and DB code
  • The editor begins at client/components/login/index.js
  • config.js contains the dummy data for the app
  • The entry point is an app.js file which manages all components, get and send data to the src/app.js file which contains all app endpoints

User Guide

Development Setup

  • Make sure you have Node 8 and and NPM>5 installed
  • Run npm i to install npm deps
  • Run npm run dev:build to build the project

Demo

https://kamsafer.herokuapp.com/

How to use KamSafer website

  • you should have a general username and password related to Mercy Core employees to login
  • select the car model you want to use
  • click add trip button to add trip, then add information about your trip
  • click show report button to see all trips related to this car model
  • click on Download report to get a excel version
  • click logout to leave account

Team Member

  • Sama Amro
  • Shaima Ihdoosh
  • Orjwan Rajaby

kamsafer's People

Contributors

samaamro20 avatar shaima96 avatar ghassanmas avatar orjwan98 avatar

Watchers

James Cloos 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.