Skip to content

GroceriStar/showcase

Repository files navigation

Showcase is a project where we trying to incorporate two major tasks:

  1. show to a new users a collection of grocery lists - before they sign up - they want to explore the data that we have
  2. figure out the way about making GL downloable by generating a simple PDF file

Build Status

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.

About

Simple page with Grocery List cards

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 8