Giter Site home page Giter Site logo

scheduler's Introduction

Scheduler

  • Scheduler is React web application use Firebase.
  • It's created for use in university subject schedule, But this application may apply to other work.

Firebase setting

  • Scheduler use firebase to save your schedule in database for next used.
  • You must edit your app id and others.

App.js

  • Change this part of code. Copy your firebase project information to this code.
    /*
     * edit this config to sync with firebase
     * copy from firebase project
     */
    this.config = {
      apiKey: "<API key>",
      authDomain: "<Auth Domain>",
      databaseURL: "<Database URL>",
      projectId: "<Project ID>",
      storageBucket: "<Bucket>",
      messagingSenderId: "<Sender ID>"
    };

install

In your console

$ npm install

run

In your console

$ npm start

Example windows

Add subject part

  • Fill information of your subject.
  • Click add to add subject to your schedule.
  • Click change color to change color head of subject (use for group subject in many day of week).
  • click reset to reset all field.

Add subject

Detail of subject part

  • Click delete to delete subject
  • Don't delete Example!!! Detail

Table part

  • Click block of schedule to delete that subject from table. Add subject

Save

  • After all, click save to keep data in firebase database. Detail

scheduler's People

Contributors

asddsada avatar juierror 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.