hihi-2020 / not-uni Goto Github PK
View Code? Open in Web Editor NEWStreamlining the creation and consumption of opensource information. For more info check out the Readme
Home Page: http://not-uni.herokuapp.com/
Streamlining the creation and consumption of opensource information. For more info check out the Readme
Home Page: http://not-uni.herokuapp.com/
/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)
Add them all to master/development/wherever
Dependencies:
e.g.
/api/v1/walks
Response
{
id
title
img
coords {
start: {lat, long}
end: {lat, long}
}
}
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
Also change modules.user_id
to 'string'
Get this sorted ASAP
Stretch
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)
}
Is it easy for us to want to have a search bar that searches through the text/content of all modules and returns results containing that word(s)
For modules?
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
}
}
look through all type: video
content as it is added and find any instances of 'watch?v='
and replace with embed/
DOuble Check error rendering on registration and logging in
Create classNames etc and save them somewhere/take note
Perhaps write in here when you start a component
Method, Path, Description
as a stretch
Basic HTML/CSS so when things start working it all looks good and we feel nice
CreateModule
UserCreatedModules
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
isAuthenticated: true / isAuthenticated: false
profile(account) / login
create / login - [x]
login / profile
save module / login
Deployed and seems to have the db's (as there is info in globalState)
.
e.g.
App
-- Header
-- -- Nav
-- Login
-- Register
-- User
-- Home
-- WalkFinder
-- -- WalkList
-- -- BigMap
-- IndividualWalk
-- -- Comments
-- SavedWalks
-- -- PolaroidList
-- -- -- Polaroid
-- AllWalks
-- -- PolaroidList
-- -- -- Polaroid
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(............) } }
Do we need any for users?
Add css for hover??
Set up (refer to db diagram in ReadMe)
Need to change module.number_of_elements
to6
- Thursday's problem
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.