Giter Club home page Giter Club logo

hrr18-legit's Introduction

Stories in Ready Stories in Ready # hrr18-legit

File structure:

client - all things front-end

dist - where compiled files are stored

src - all things react (components, actions, reducers, assets)

    actions - called on certain actions, mainly login, signin, logout, and all form submissions

    assets - contains logo

    components -

        auth - components for login, signup and welcome page (welcome page is what shows when users not logged in)

        dashboard - dashboards are the meat of the front end

            mainDashboard - what users see upon signup or login, shows all user's classes and students

            classDashboard - shows details on a particular class including list of students enrolled and assignments
            for that class

            studentDashboard - shows details on a particular student including list of their assignments

            assignmentDashboard - shows student outcomes for a particular assignment

        forms - all forms to add student, class, assignment, etc.

        headers - two headers, one for when user is logged in and authorized, one for when users are not

        App.jsx - root component, pretty barebones

    constants - hold action type variables, written in separate file to avoid someone mistakenly editing an action type name and breaking the App

    containers - currently empty, containers are components that have access to redux state (dashboard parent components could be moved in here)

    reducers - take care of rendering the new state. After an action is called what gets returned from an action is sent to ALL reducers and if the action type matches a switch case, it's handled there

        -index.js - brings together all reducers to be returned as one large object, rootReducer

    index.js - where our app is rendered using ReactDOM and where we set up our store and middleware

    routes.js - where we handle react-router, set up all our routes and determine which components to load

styles - holds our css and font awesome

index.html - links up all our scripts, css and such and barebones html

Server - all things backend

Config - contains Authentication, middleware, routing for all express requests/response and passport JS strategies

Database - Controller, Database Config and models

    models - schema for assignment, section, students, and users.

    Controller - the magic happens with database joins! We are using Sequelize as our ORM with PostgreSQL

hrr18-legit's People

Contributors

amanthapar avatar gwimbrow avatar jonathonjulian avatar waffle-iron avatar yctercero 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.