https://github.com/benjaminhoffman/customer-tracker
simple web app to help service professionals track their business/customers
https://github.com/benjaminhoffman/customer-tracker
Last synced: 5 months ago
JSON representation
simple web app to help service professionals track their business/customers
- Host: GitHub
- URL: https://github.com/benjaminhoffman/customer-tracker
- Owner: benjaminhoffman
- License: mit
- Created: 2017-07-19T18:21:31.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2023-01-24T22:51:28.000Z (over 3 years ago)
- Last Synced: 2025-07-23T06:44:44.684Z (11 months ago)
- Language: JavaScript
- Size: 951 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Client / Patient Tracker
A simple web app to help service professionals (i.e. lawyers, physicians) track how they acquire clients / patients. Said another way, this app helps professionals answer the question, _"where do I get most my customers from?"_
# Development
## client
- react 15
- webpack 3
- es6 via babel 6
- css modules
- eslint/standard & prettier for linting & code quality
## server
- node 8.1.6
- express 4
- firebase for db
## Pre-reqs
- check your node version; should be `node v8.1.4`
- install yarn (`npm install yarn -g`)
## Run locally
```bash
$ yarn install
$ yarn client
-> http://localhost:8080
$ yarn server
```
# Principles
1. colocate files, including CSS, tests, etc
2. css modules should be imported via style-loader & css-loader
3. JSX files have `.jsx` extension
4. one component, one file
5. dont block the event loop!
# To do
- [x] redux
- [ ] use `static`
- [ ] add `.env` for env vars
- [x] react router
- [x] add `historyApiFallback` for HMR refreshes
- [ ] authentication
- [x] conditional logic to form fields
- [x] proptypes, defaultProps, displayName
- [ ] deploy to heroku
- [x] moar graphs!
- [ ] loading spinner
- [ ] fix package.json proxy setting
- CSS/HTML
- [ ] make fields required*
- [x] semantic markup
- [ ] CSS preprocessor
- [ ] add `` to forms
- [x] add `` `` `` `` ``
- [ ] add reset/normalize
- [x] do not nest within ``
- [ ] convert to `border-box`