Giter Club home page Giter Club logo

not-uni's People

Contributors

corian-youdale avatar ian-montgomery avatar m-strw avatar oli-clive-griffin avatar olivia-gambitsis avatar phillip-wood avatar robert-hamilton36 avatar

Watchers

 avatar  avatar

not-uni's Issues

We are deployed!

Deployed and seems to have the db's (as there is info in globalState)

Full Site Functionality Tests

Not Logged In

  • Register - Try force errors with empty inputs
    • Register with Google (force input errors)
  • Login - Try force errors with empty inputs
    • Login with Google
      Profile - shouldn't be able to see

Logged In

CreateModule
UserCreatedModules

  • Edit - and then see changes
  • Delete - and then search for it (and not see it)
    SavedModules
  • changes as modules are saved/unsaved
    Module(view of one module)
  • Save Module - number changes correctly
    Search(and SearchResults)

Database - Functions

Do we need any dbfuncs for users?

e.g.

function getMySavedModules(db = connection){
return db('saved_modules')
.join('users', 'users.id', 'saved_modules.user_id')
.select()

function getWalks(db = connection){
return db('walks')
.select()
}

function addUser(db = connection){
return db('users')
.insert(newUser)
}

Design GlobalState:

const globalState = {
Users: {
name: string
saved: []
Authored: []
},
Modules: {
Id: integer
Title: string
Elements: [
Text: string
Order: integer
]
Author: string
Time: epoch/string
Num_of_elements: int
}

Saved: {
Module_id: int
Authored: int
}

}

Create List of Dependencies

Add them all to master/development/wherever

Dependencies:

  • express -[x]
  • knex - [x]
  • superagent - [x]
  • react-rating [?] *
  • react-star-ratings [?] *
  • FireBase - [x]
  • uuidv4 - [x]
  • dotenv-webpack - [x]
  • pg - [x]
  • react-tag-input - [x]
  • react-tiny-link - [x]
    devDependencies:
  • react - [x]
  • redux - [x]
  • redux-thunk - [x]
  • webpack - [x]
  • webpackcli - [x]
  • sqlite3 - [x]
  • sass - [x]
  • material-design-icons - [?] *
    *do we need these @oli-clive-griffin

Design Components & Children:

e.g.
App

-- Header
-- -- Nav

-- Login
-- Register
-- User

-- Home

-- WalkFinder
-- -- WalkList
-- -- BigMap

-- IndividualWalk
-- -- Comments

-- SavedWalks
-- -- PolaroidList
-- -- -- Polaroid

-- AllWalks
-- -- PolaroidList
-- -- -- Polaroid

Routes - Have we got all the Routes we need?

/register - POST - [we don't need this ]
/login - POST - [we don't need this]
/user - GET - [ ]
/modules - GET - [x] - (this is just / but is /modules in the readMe)
/modules/:moduleID - GET - [ (might not need this as we are using globalState for this?) ]
/modules/saved - GET - [x]
/modules/created - GET - [x]
/modules/saved - POST [x] - (this is saved/:id in the readMe)

Design Component Routes:

e.g.

Route Component Notes
/ App Root Component
/ Header Shows on all pages
/walks WalkFinder
/walks/all AllWalks
/walks/saved SavedWalks Authenticated
/walks/:name IndividualWalk
/login Login NOT Authenticated
/register Register NOT Authenticated
/user User


UI/HTML/CSS

Basic HTML/CSS so when things start working it all looks good and we feel nice

Create Client-Side API Requests

getAllModulesAPI()
getSavedModulesAPI()
createModuleAPI()
addSavedModuleAPI()

use 'fetch' if requesting from the DB or external API

e.g.

export const fetchWalks = () => { return dispatch => { return request
.get('......') .then(..............) .catch(............) } }

export const fetchUser = () => { return dispatch => { return request
.get('......') .then(..............) .catch(............) } }

refactor svg's into imported constants

pretty sure we will need a dependency called file-loader, set a few webpack settings on it, then we can import svg files from public/images or wherever we store them

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.