Showcase is a project where we trying to incorporate two major tasks:
- show to a new users a collection of grocery lists - before they sign up - they want to explore the data that we have
- figure out the way about making GL downloable by generating a simple PDF file
While we're coding it - we also extending the code base of GS, by testing fetch plugin, by moving away basic components, like lists, grocerylist component, etc...
Major goals for showcase is -
- realize a better way to connect
fetch
with React projects
- test different plugins that will convert HTML into PDF
- set up first basic routes for previewing data from grocery lists(sometimes you just want to compare raw data, not at fancy way)
- test an assuption - Can we separate some react components and import them as npm package
- show users what data we have - at preview mode
Stretch goals:
- [ ] install and connect Raven at index.js
- [ ] adjust logic of envconfig and try to connect to our local/shared servers
- [ ] make first axios calls and be happy to receive json results
- [ ] connect to our simple fake-api that i've created...
- [ ] complete grocery list components - with empty/plain version - for just data and verions with antD collapse
- [ ] wait when antd will release a new version of package and apply to work DepartmentListCollapse
- [ ] make header blue or white not black with black text color
- [ ] we can fix tiles too. same background colors and text color is not perfect + shoplist update with a similar logic
- [ ] List -> Departments \ Ingredients -> get data form selects with AntD. Details upon request. After onChange - we have a redirect to Ingredient list, related to that Department
- [ ] advanced search at header, not just by grocery list name, we also can search by "departments" or "ingredients". maybe we can also add "categories", like "healthy", "cheap", "weight-loss", etc.
- [ ] Grocery list printed version in flexboxes and borders
- [ ] recipe to gl convertion
- [ ] GetData / Flow, from Meal Calendar to Showcase
- [ ] Add to GL flow of forms we can create
https://codesandbox.io/s/n1p6k7n440
Showcase have search by Title
Modals with layouts
Connection to fetch
Can be quickly replaced with "fake api"
1) create a separated view for Grid
2) separated layout for modal render
3) we can make our component this way, so we can update into Material UI
4) Print template of Recipes
-
[ ] moving away from this project code, related to pdf export
This project was bootstrapped with Create React App.