https://github.com/domiii/check-in

A Cohort check-in system - helps with some basic bookkeeping
https://github.com/domiii/check-in

Last synced: 26 days ago
JSON representation

A Cohort check-in system - helps with some basic bookkeeping

• Host: GitHub
• URL: https://github.com/domiii/check-in
• Owner: Domiii
• License: mit
• Created: 2019-06-27T13:14:51.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T01:32:48.000Z (about 3 years ago)
• Last Synced: 2025-03-11T01:53:04.804Z (10 months ago)
• Language: JavaScript
• Size: 1.25 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# TODO

* Get rid of values in FirestoreContainer (too much effort for too little gain)

* Add a "most recent" iframely URL previews Page

* Money + Payment tracking

* A little prettier

* more playful

# Log

## 2019/7/10

* a little more work on iframely

## Previously

* Only check in once every day / 8 hours apart

* Admin can help people check in

* fix cohort link in Navbar (no more "current cohortId" concept)

# Dev Log: How did I set things up?

1. `npx create-react-app check-in` 

1. `cd check-in`

1. Allow for `create-react-app` customizations through [`rescripts`](https://github.com/harrysolovay/rescripts)

    1. `npm i npm i -D @rescripts/cli @rescripts/rescript-env` 

    1. Fix up `babel.config.js` to support experimental decorators and more (WARNING: `.babelrc` was buggy and did not work costing me hours of debugging time; not recommending it and official babel documentation was also not recommending it)

        1. `npm i -S core-js@3`

        1. `npm i -D @babel/core @babel/node @babel/cli`

        1. `npm i -D @babel/plugin-proposal-decorators @babel/plugin-proposal-class-properties @babel/plugin-proposal-function-bind @babel/plugin-syntax-export-default-from`

        1. add custom `babel.config.js`

1. `npm i -D link-module-alias` for aliasing of local folders [[link](https://github.com/Rush/link-module-alias)]

1. Firestore

    1. Create Firebase Project + Web App + Firestore database

    1. Add firestore config

    1. Add Google sign-on method

    1. `npm i -S firebase` 

    1. `npm i -g firebase-tools` 

1. Add Domi's pre-developed features

    1. `cd .. && git clone https://github.com/Domiii/learn-learn.git && cd check-in` 

    1. `npm link ../learn-learn/src/features # npm run domi-setup` 

1. unstated

    1. `npm i -S unstated` 

    1. Add Domi's own `unstated-ext` scripts

        * `npm link ./src/unstated-ext/`

1. react-router

    1. `npm i -S react-router-dom` 

1. Make things prettier

    1. Add Bootstrap + reactstrap

        1. See: https: //reactstrap.github.io/

            1. `npm i -S bootstrap reactstrap` 

    1. [`npm i -S flexbox-react`](https://www.npmjs.com/package/flexbox-react) # for simple, practical layouting

    1. [`npm i -S react-fontawesome`](https://github.com/FortAwesome/react-fontawesome)

        * `npm i -S @fortawesome/fontawesome-svg-core @fortawesome/react-fontawesome @fortawesome/free-solid-svg-icons @fortawesome/free-regular-svg-icons`

        * https: //fontawesome.com/how-to-use/on-the-web/using-with/react

    1. Add [material-ui](https://material-ui.com/) - `npm i -S @material-ui/core`

1. Good stuff

    1. `npm i -S moment react-moment`

    1. `npm i -S react-bootstrap-table-next`

1. Better testing

    1. Load aliases

        1. Add to setupFiles: `"/scripts/pre-test.js"`

    1. Add `jest-extended`: `npm i -D jest-extended`

    1. Add `enzyme`:

        1. `npm i -D jest-extended enzyme enzyme-to-json jest-environment-enzyme jest-enzyme enzyme-adapter-react-16`

        1. Add `"snapshotSerializers": ["enzyme-to-json/serializer"]`

1. syntax highlighting

    1. `npm i -S react-syntax-highlighter react-ace react-markdown`

# TODO - Dev Log: document App Structure

1. Navbar: `src/components/Navigation.js` 

1. Routes: `src/components/AppRoutes.js` 

# Features (planned)

* Google sign-on

* Basic User management + User roles: Admin, User, Guest

* Basic Cohort management + Cohort roles: Contributor, Member

* Every user can check into their cohort

  * If cohort requires payment or other basic protocols, can enable that for a cohort as well

  * If enabled, user can document wha they did + cohort contributors can check

  * [Advanced] Double-checking by admin

* Cohort intro (using MD)

* Inidividual note-taking

  * Cohort contributors can see all

* 共筆紀錄

# Based on create-react-app

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).

### Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

### Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

### Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

### Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

### Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

### `npm run build` fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify