Code Monkey home page Code Monkey logo

next-type-hooks's Introduction

Hi There!πŸ‘»

Feel free to explore all the repos. Most of them are still WIP πŸ› 

πŸŽ‰Cheers!πŸŽ‰

next-type-hooks's People

Contributors

lopezpedres avatar

Watchers

 avatar

next-type-hooks's Issues

Recall Page

Description

Create the recall page of the project referring to the Figma model. The component needs to take an input (batch, ingredient, product or order) and return all the information related to that item. (see Recall Info for more details).
This issue can be broken down into smaller issues.

Steps to follow:

  • Create Component RecallSearch.tsx
  • #8

Improve prisma instance with Prisma docs

Description

The Prisma Client instance initializes every time I call the database. By following the Prisma Docs I can fiz that bug

Steps to folllow

  • Open the Prisma Docs and see the right way of initializing the Prisma Client Instance
  • Refactor the code in lib/prisma.ts

Fix Ingredient input Form

Context

The input select is retrieving a string for the quantity field and It most be an integer

Steps to follow:

  • Make sure that the values the object receives are the correct
  • Refactor code

Create Orders Page

Description

Create the Orders Page with the following features:

  • Get all Orders
  • Add new Order
  • Add New Products to the Order

Steps to follow:

  • Use the products view page to recreate the functionality of adding a list of ingredients, but in this case a list of products
  • Create a component that handles the list of products just like the component that handled the list of ingredients

Create Fetcher for the GET and POST request methods

Description

Inside /pages/utils directory there are three files. The goals is to get ride of the files getUsers.ts and newUser.ts and refactor the file fetcher so we can make the GET and POST request with the fetcher instead of the two previous files.

List of things to do:

  • Refactor fetcher.ts and the files that are going to be using that function:

    • index.ts => usersHanlder and newUserHanlder functions

Create Component `RecallDashboard.tsx`

Description

Create RecallDashboard.tsx following the Figma design.
Note: For now, I should focus on returning the counting of the products and orders

Considerations:

  • All the "see" buttons return the given input searched in the product, batch or order pages
  • Download button is pending of PDF design CREATE AN ISSUE FOR THIS AFTER FINISHING THE COMPONENT
  • Start Recall is pending of design CREATE AN ISSUE FOR THIS AFTER FINISHING THE COMPONENT

Creating Product view

Description

Here there are many things to create, the way I am going to break this page down is by first defining the data inputs. For each one of the items of the list, an issue has to be created and refer the issue created in this list, this applies for nested issues as well

Steps to follow

Products page is going to have 2 main features:

  • Listing of all the products:
    • Button that brings all the product names and quantities from the database
  • Creation of a new product
    • name input
    • quantity input
    • ingredients list input:
      • Select Ingredient input
      • Select quantity of the ingredient used

Create hook for New User input

Description

Create a useState hook for the input in the /pages/index.ts file. That input should be managed as an event that is going to be saving the user in the db.

Things to be done:

  • Create a function that handles the input event:
    • Create a form that handles the submition of the event
    • Create defaults values for the form
    • Create inputs for each one of the values of the user object
  • Create a useState hooks that is going to be handling the input data.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.