ECOMOTION TEMPLATE FOR ITERATION
What are some current issues/roadblocks?
- Lining up the data with the proper components on the profile page
- Protected route is currently not protected - /flights doesn't actually check if you're logged in
WANT TO ADD:
- save button on the main page so that flights aren't written to the database every time you press search
- making the actions more interactive - you can choose a combination of the three actions
- sign up option
- option to view flights page without a profile - you wouldn't be able to save the flights for your profile page
- maybe could be expanded to more than just flights - the carbon interface API has so much data - car emissions, based on what you're buying, etc.
CONTEXT API
- create a context provider component titled whatever state you want to pass down and holding the state in this component.
- wrap your top most component which holds any child you want to access data from context with a value of the info you want to pass
- wrap the return render of the component accessing context in context.consumer tags
- anything in these consumer tags will be an anonymous function that holds the argument context which is the value you passed in step 2.
- React.fragment to return more than one element from the anonymous function in the context.consumer tags.
- update state by putting updating function in your
EcoMotion https://github.com/ecomotion/ecomotion
ToDo
###Sass Conversion:
- ✅ WebPack:
- ✅ Configure webpack to handle sass
- Configure webpack to handle images
- Import sass on react files
- Begin making variables and nesting in .scss file, clean up the existing design
###Profile Display
- Front End:
- inspect existing react elements and see why they are currently not displaying
- Back End:
- set up the route to the profile page
- sketch out pages and how they link together
###Page Flow:
- Route root to search page
- Add sign-in and sign-up links to search page
###Testing:
- Add necessary testing components to webpack
- add tests
###Inspecting: