I'm a Software Engineer focusing on sharpening my Front-End skills! I've been coding for fun the past few years and decided to take a big step in my journey by joining the Front-End program at Turing School of Software & Design. I love to code! I'm passionate about bringing ideas to life that have a great UI/UX with accessability, responsiveness, and TDD.
travel-tracker's Introduction
travel-tracker's People
travel-tracker's Issues
Create form on Dashboard for trip requests
- Date
- Duration
- number of travelers
- choose destination
Start Dashboard
- In the index.html file implement minimum html for iteration1 dashboard
- A display for:
- For user, all trips
- For user, total amount spent on trips
Start SCSS MVP
- Add just enough style to display data in a readable mannor
Refactor!
display total spent this year
Start Class Structure for User
- After fetching required data:
- Write Tests for a UserRepo Class
- Create UserRepo class structure & pass tests
- Repeat steps 1/2 for User class
Fetch API data
- Create APIfetch file
- fetch API data
Display updated trips to include this new booked trip that is pending.
- when book trip button is clicked
- trip will be posted to trips API
- DOM will be updated with all of users trips which will include the new pending trip
Start Sample Data
- Create sample data file
- Decide what and how much sample data is needed for User and UserRepo class tests
Calculate cost of trip
- fetch destinations
- multiply travelers * costPerFlight
- multiply duration * costPerDay
- add sum of both and display to user
Post new trip to trips data
- post this new trip to the Trips API
display all trips associated with that user
Trips must have past/present/future/upcoming in text displayed
Create method(s) that stores the correct total cost for all trips in a given year for a user.
Display user name in welcome message
Error handle form
- Cant submit without inputs being filled
- cant pick date that isn't today or in the future
- cant select a duration or guest amount below 1
-submit doesn't reload page
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.