Giter Club home page Giter Club logo

kikisaver's Introduction

KikiSaver

The following project is an attendance tracker app built during the Mississippi Coding Academy back-end programming course. The user creates a user to store in the database, then is allowed to login with a selfie image submission.

A group of about seven night students built the app while working remotely. The team is continually adding features including recognition of the users' geolocation prior to login at the Academy's IP address.

Screenshots

Landing Page

Desktop Landing

landingPage

Mobile Landing

landingPage

Installation

Node JS and npm must be installed

An instance of MySQL must be running

sudo mysql -uroot -p

login in to your root username and leave this running.

Open another bash terminal at the cloned KikiSaver directory.

npm install

Install will pull in all required dependencies.

Next you must create your own copy of .env with the following code and insert your own user name and password:

export DB_USER=''
export DB_PASS=''    

Review the init.sql and confirm that your localhost username and password match your .env username and password variables.

Next return to your instance of MySQL.

source init.sql

The queries should each return back 'OK'.

source .env

Run this command, so app.js will connect correctly to your username and password variables.

node app.js

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

Requirements

  1. MSCoding not have to take roll
  2. Fairly robust to cheating
  3. Class learns about full stack development
  4. Send device GPS and IP
  5. email === username
  6. Password and selfie and time for verification
  7. Admin account to view attendance, edit/delete records

Users

id username password first_name last_name phone created_at deleted_at

Attendance

id user_id created_at deleted_at gps selfie_url ip

Technologies Used

Languages and Frameworks

	* HTML5
	* CSS3
	* JS

API (none used)

Photos

	* Courtesy of ...

Please offer report any feedback to me via Pull Request @leviking.

Thanks for reading thus far!

kikisaver's People

Contributors

leviking avatar techieeliot avatar localpath avatar rossd84 avatar jnelson1988 avatar mdutro avatar yonis9 avatar sheliawilliams 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.