A react.js frontend panel

Zaprto Objavljeno Jan 22, 2016 Plačilo ob prevzemu
Zaprto Plačilo ob prevzemu

___________________________________________________________

overview

## goal

- provide UI and convenient experience to users.

## terminology

- user

People that will log in and use our system.

- account

Each user have a list of accounts (say 10~150).

Account is used to login third-party system.

An account has three things: account, password, remark

- order

User can place orders (1~50) to specific date.

Each order has

1. a date

2. a boolean concession

3. a remark

4. a list of jobs (>1)

- job

is an copy of one account with

two more fields profile and remark

- result

each job should have may have 0 or more than one result

each result has

1. status : String

2. hkid (optional)

...

(more to come, not finalized yet)

- email

each email at most correspond to 1 result

each email contain

1. TranNo

2. TranDate

3. TranTime

4. TranRef

5. TranTotal

6. HKID

7. playDate

8. playDay

9. facility

10. venue

11. {timeStart, timeEnd, courtNo, courtPrice} x 4

- template

a date-independent set of order

so that it can be apply to any date.

## description

___________________________________________________________

task

## task

- login page

- admin panel

- create/list/patch/delete/hard_delete user

- change username/password/nickname

- list all client orders by date in one page

- list all result by date in one page

- confirmation of result_email

- client panel

- change login password

- add/patch/delete account

- add/patch/delete order by date

- add/patch/delete job to order

- save/load specific day of orders to be template

- result_email in one page

___________________________________________________________

schedule

## definition

(to be confirmed)

___________________________________________________________

development

## definition

- you should git your source code.

- you can upload your files via sftp

acc: (provide later)

pwd: (provide later)

just upload to /public/* and the it will map to /s/*

___________________________________________________________

database schema

## definition

- database schema should be somehow stable except the templat part.

- first version of test data is done, but expect the database maybe

rebuild from time to time.

i.e. Data you entered, maybe removed or data you removed

maybe retrieved. This is normal.

- FYI, all user are with password 'test', there are

user 'admin', 'user1', 'user2', 'user3' ...

- see the database schema and data from

[url removed, login to view]

acc: alfred

pwd: Eh7CyFfuzVZNmG9F

- feel free to modify the test data, they are test data.

___________________________________________________________

technology

## definition

- you can use whatever library/framework providing that

1. it should work in common browsers

(i.e. chrome, ie11, andriod, ios)

2. do not depend on third-party plugins

(i.e. Java, flash)

generally speaking, the final source code should be

pure html5 + css + js(es5)

- one limitation is that files must be static. This

allows scalable file serving and separation of

development. (i.e. no server-side generated files)

- all fontendb backend communication are via ajax (see api)

- the technology you use should provide reasonable performance

- it is highly appreciated if it is responsible

(we assume users are novice and will visit on mobile/tablet/desktop.)

___________________________________________________________

api

## definition

- it is proposed to not follow restful api

- ask if you think something is missing or block your work

or make your work difficult.

- Request to /api/* always respond in json

- all api allow CORS for your convenience of development,

but they will turn off when production.

- We use [Boom]([url removed, login to view]) for error

generation => if the respond is error, there are always

three keys: statusCode, error, message, it is safe that

check whether respond object has error field

to determine whether it is an error response. i.e.

if( [url removed, login to view] ) {

// this is error response

} else {

// this is normal response

}

- this is the hostname for development

[url removed, login to view]

- a list of api can be found on

[url removed, login to view]

- not all api have description, and it will never be.

The api is expected to be intuitive enough,

ask if you find it doesn't make sense to you.

- routes with 'stable', 'locked' tag should be considered

that the interface will not change. For those

that without, I will try to mark them stable as soon

as possible.

___________________________________________________________

miscellaneous

## precaution

- the login page must be named [url removed, login to view] and in

the root folder.

- all other files will be mount on /s/*

- Due to the separation of development, you probably would

need to hard code the hostname of server ([url removed, login to view]),

but you should make it easy to change.

[url removed, login to view] is not the production server

___________________________________________________________

AJAX JavaScript React.js

ID projekta: #9417226

Več o projektu

3 predlogov Oddaljen projekt Aktiven Feb 28, 2016

3 freelancerjev ponuja v povprečju za $191 na tem delu

techwelfare

Dear Sir we are capable of performing the required task perfectly with accuracy, please let us know if you want to clarify in details.. if you want us to share our skill and previous work please initiate the chat b Več

$208 USD v 7 dneh
(27 ocen)
5.4
pixelsols2

Dear Prospect Hiring Manager. Thank you for giving me a chance to bid on your project. i am a serious bidder here and i have already worked on a similar project before and can deliver as u have mentioned I have c Več

$155 USD v 3 dneh
(0 ocen)
0.0
khoomkummi

I would like to have an oral or Skype discussion we four are really good in react.js

$144 USD v 25 dneh
(0 ocen)
0.0
nikolovv95

Hello, I am software developer with 5+ years of experience with creation of websites. I would like to start working on your project asap. I can provide all the requirements you listed. Best regards, Valentin Nik Več

$222 USD v 5 dneh
(0 ocen)
0.0