melvinlau / travelist Goto Github PK
View Code? Open in Web Editor NEW๐ Going on a trip? Pack smart with Travelist.
๐ Going on a trip? Pack smart with Travelist.
card is a contrainer or a surface
https://material-ui.com/components/cards/
we also need to create a custom container for activities. it will consist of a colored rectangle, name and an icon
you can use material icons for activities, later we can find a better ones โ https://material-ui.com/components/icons/
alternatively you can use emojis
To test: When 'start' form is submitted, data is sent correctly to the back end
Test-drive React components to build a prototype that's independent of the back end. No complex interaction, only views at this stage.
Start
view - the index page where user begins the journeyActivities
viewPacking list
viewCard https://material-ui.com/components/cards/
with image
and the trip information
To install and configure
Cleaner way of managing the views on the React front end.
On the Start page
Brad
Brad
Brad
Melvin
On the Activities page
Melvin
Melvin
Melvin
On the Travelist page
Brad
Brad
After saving a packing list for a trip, the user should be able to retrieve it. This view should show a list of trips, each with a link to the respective packing list.
Use Google Places API to autocomplete and validate destination input
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.