GithubHelp home page GithubHelp logo

campmindshark / people-manager Goto Github PK

View Code? Open in Web Editor NEW
0.0 4.0 2.0 1.6 MB

An app for managing the people

HTML 0.80% CSS 0.53% TypeScript 87.40% Dockerfile 0.76% Makefile 0.72% JavaScript 0.23% Shell 0.04% HCL 9.52%

people-manager's Introduction

People Manager

An app for managing the people.

General Repo Information

This section describes some of the general things you should know about this repo.

Yarn Workspaces

This repo is powered by yarn workspaces. By leveraging this technology we are able to cleanly layout the parts of the application. While also maintaining the ability to share code between them.

The ability to share models greatly helps in the typescript space. Without this we would have to maintain duplicate copies of the primary models we work with (ie. User).

Backend

The backend is an express typescript app. It utilizes knex as its DB interaction Layer. In development/locally it uses a sqlite3 DB. In production it will use a postgresql DB.

Getting Started With Development

  1. Setup your env var file by copy pasting the contents of packages/backend/env/.env.sample into a new packages/backend/env/.env.local and filling it out with appropriate values.

  2. Running the application:

# Install dependencies
yarn

# Start DB (in a different terminal tab)
docker-compose up

# Do migrations
yarn db-migrate

# Seed DB with test data (optional, but convenient)
yarn db-seed

# Run locally (this starts up the frontend react server and the backend express server with live reloads)
yarn dev

Design Stuff

The app is primarily powered by MaterialUI. Which is great for everyone that doesnt love doing a bunch of CSS.

I picked this color pallette to give us some additional colors to mess with https://coolors.co/palette/f94144-f3722c-f8961e-f9844a-f9c74f-90be6d-43aa8b-4d908e-577590-277da1.

people-manager's People

Contributors

dtp263 avatar twoshark avatar

Watchers

 avatar  avatar  avatar  avatar

people-manager's Issues

Build mocked v1 of shift signup form

Build a first version of a view that allows user to see the available shifts.

Definition of Done

  • a user can view the available shifts each day

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.