Code Monkey home page Code Monkey logo

food_ordering_application's Introduction

Hi there ๐Ÿ‘‹

food_ordering_application's People

Contributors

ashoksaravanankns avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

food_ordering_application's Issues

Axios

add interceptor functions to to handler the erros in withErrorHandler component in component didmount

Validations

create custom validations for orders form

Modal

Wrap Modal with higher order component

Orders Saga

Create OrdersSaga and handle async codes in it

Redux

integrate redux modules

Middleware

install redux thunk middleware to dispatch async code

Accessing Server

Create a firebase backend to store order summary and post data to it

Updated object

use updated object in possible places where objects are updated

Visual Feedback

improve visual feedback for form . highlight ivalid input fields. and show thr error

Reducers

setup reducers for burger builder ingredients and total price

Side Drawer

Side Drawer is not responsive . create a responsive side drawer for mobiles.

Dropdown Error

there is type undefined error in delivery method input field input form

BackDrop

Reuse backdrop for side drawer

Error Handling

create higher order component for error handling and handle errors globally

Validation not working

validation rules are not working . valid prop is set to true because of the order of if statements are executed from top to bottom if the last condition is matched.

Range error

ranger error pops out while setting ingredient state

Saga middleware

don't execute logoutSaga directly inside index js instead use takeEvery saga function to dispatch action type in new generator

Setup Redux

setup redux packages. create store, reducer and dispatch functions and store state in central store

Routing error

Auth page is not loaded and also logout action is dispatched since there is no token received

No response from Backend

there is no error response displayed from backed if the network fails or some other error occurs. withErrorHandler ComponentDidMount is updated only after child componentDidMount is updated.

Gaurd routing

/orders takes user to orders page. so add gaurds to url routing

Js config

set up configs for sending order data along with customer details. orderForm should send order and customer details to backend

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.