Product Firebase Crud

This project was inspired by the www.lth.mx platform, and it purpose is to demostrate how easly is to work with the following techs:

• nodeJs 15.4.0
• ReactJs 17.0.2
• Tailwind 2.2.17
• Firebase 9.1.3

Setup

1. Clone repository git clone https://github.com/delciopolanco/product-firebase-crud.git
2. Install dependencies npm install
3. Create .env file
4. Configure firebase account and use fireStoreDatabase + Storage.
5. Configure this structure in your firebase collections:

Brands

[
  {
    "models": [
      { "motors": ["2.8 LT", "2.4 LT"], "name": "civic" },
      { "motors": ["1.8 LT", "1.4 LT"], "name": "city" }
    ],
    "name": "Honda",
    "years": [1990, 1991, 2022]
  }
]

Categories

{
  "catetories": ["Baterias", "Aditivos", "Filtros de aceites"]
}

Products

[
  {
    "category": "Aditivos",
    "code": "ASDD-98777",
    "description": "My product",
    "name": "OIL 234",
    "reference": "OIL-111222334",
    "spects": [{"name": "Volumen", "value": "15 Degrees"}]
    "pictures": ["https://firebasestorage.googleapis.com/v0/b/products-searcher.appspot.com/o/images%2FIMG_812A23D9281F-1.jpeg?alt=media&token=3279209d-e3d9-4b17-b111-26049d3c810d"],

  }
]

years

{
  "years": [1990, 1991, 2002]
}

Project Alive!

Ready to use it!

Filters

TODO

1. Adding a clear documentation.
2. Adding storybook in each component.
3. Remove console logs.
4. Adding functional programming styles.
5. Use internationalization.
6. Adding responsive css.
7. more.... :)