buildo / pronto Goto Github PK
View Code? Open in Web Editor NEWPronto!
Pronto!
minimal layout with
{optional: describe technical specs to implement this feature, if not obvious}
{optional: other useful info}
← #7
readOnly
or canInteract
{optional: describe technical specs to implement this feature, if not obvious}
{optional: other useful info}
← #3
{optional: describe technical specs to implement this feature, if not obvious}
{optional: other useful info}
{describe the new feature}
{optional: describe technical specs to implement this feature, if not obvious}
{optional: other useful info}
← #12
props
TimeStart - TimeEnd
FlexView
{optional: other useful info}
← #12
first part of RestaurantDetailsHeader
component: display big beautiful restaurant image (💇 ) + name + description
props
:
imageURL
(String)name
(String)FlexView
for the layout{optional: other useful info}
← #3
display some restaurant details information as a "card"
props
:
imageURL
(String)name
(String)timeSlot
(I don't how this is defined) [~String,~String]
(?)address
(String)onClick
(Function)talk to @alessandravilla and @francescogior
← #7
{optional: describe technical specs to implement this feature, if not obvious}
{optional: other useful info}
{optional: describe technical specs to implement this feature, if not obvious}
{optional: other useful info}
{describe the new feature}
{optional: describe technical specs to implement this feature, if not obvious}
{optional: other useful info}
make CreateOrder
page
somehow
{optional: other useful info}
user should be able to edit restaurant properties:
Restaurant.maxPeople..
and all of RestaurantProfile
for now (api is slightly changed, but fields are the same){optional: describe technical specs to implement this feature, if not obvious}
{optional: other useful info}
setup routes and main components for restaurant/Orders
{optional: describe technical specs to implement this feature, if not obvious}
{optional: other useful info}
macro layout
{optional: other useful info}
{describe the new feature}
{optional: describe technical specs to implement this feature, if not obvious}
{optional: other useful info}
it should be used in Order
and PersonOrder
Order
)Order
) (why not simply "clickable"??){optional: other useful info}
← #8
A customer must be able to submit the order.
Any customer can perform this action.
Upon submit, the customer is asked a phone number.
TBD
← #5
/:restaurandId
Button
with label Create order
/:restaurandId/:orderId
=> display the list of people, can add/edit/remove people, can submit order from here/:restaurandId/:orderId/:personId
=> display items of person, can add/remove items, can confirm or cancel changesOrder
id: maybe(String),
// :orderId`; if absent, the cart is emptystatus: submitted | pending
referencePhoneNumber: maybe(t.String)
people: list(Person)
Person
:
name: String
items: list(String)
/:restaurantId
orderId
is undefined, display only a buttonOrder
resource, get back an orderId
and transition to /:restaurandId/:orderId
← #10
A customer must provide a unique name when adding an order item.
If the name is already take, it should display an error message and prevent moving forward.
Maybe a modal
we are going to poll data from firebase
render something like:
<Poll interval={1000} callback={() => { console.log('interval'); }} />
(passing a refresh command)
in every route we need data refreshing
{optional: other useful info}
← #10
value
---> big JSON onChange
Menu
schema described in /model/index.js
{optional: other useful info}
as for title
{optional: describe a possible fix for this defect, if not obvious}
{optional: other useful info}
{describe the new feature}
{optional: describe technical specs to implement this feature, if not obvious}
{optional: other useful info}
make it work
somehow
{optional: other useful info}
← #8
A customer must be able to view the order items list, e.g. the order items already inserted by other people, if any.
/:restaurantId/:orderId
it should
/:restaurantId/:orderId/:personId
Person
s
/:restaurantId/:orderId/:personId
(to edit person's order)X
button to remove the person, after a confirmation modal (confirm to delete)add Person
:personId
)/:restaurantId/:orderId/:personId
add Person
(prompt modal)TBD
{optional: describe technical specs to implement this feature, if not obvious}
{optional: other useful info}
/:restaurandId
/:orderId
/:personId
and routehandlers
Display restaurant info in restaurant page
Probably reuse the same component as the list
Printer should filter orders using index on status
, checking for equalTo
=submitted
curl https://pronto-9842a.firebaseio.com/orders/1.json\?orderBy\=\"status\"\&equalTo\=\"submitted\"
/restaurants/{rid}/menu.json
/restaurants/{rid}/menu.json { description: String, groups: [{name: String, items: []}] }
/orders/{rid}.json?orderBy=:key&startAt=:from&endAt=:to
/orders/{rid}/{oid}.json { status: "pending" }
/orders/{rid}/{oid}.json
/orders/{rid}/{oid}/peopleOrders/{uid}.json { orderItems: [String] }
/orders/{rid}/{oid}.json { customerPhoneNumber: String, status: "submitted" }
see title
queries
{optional: other useful info}
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.