food_ordering_application's Introduction
food_ordering_application's People
Forkers
tulsipanchasara donvruno diggleweb sharathp22 yemmyfolayan manosguitar junyuntee netfiremedia francoj22 weburetec herbertvinewtech shibubits udittyagi455 triex aaqib7744 maxide nislidhandapani rakesh-201 meriam-hamdaoui pdsilva90 dharabazalafood_ordering_application's Issues
Contact Data and form state to redux store
move the Contact Data and form state to redux store. and eliminate use of handlers functions
Handling user Input and form submission
state object should be dynamic . get values from backend and handle the form submission dynamically
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
Side drawer and Routing
side drawer is not closed on link and redirection to front page bug on orders page
Add contact Data
add contact data to save user details at the backend
Install redux devtools
install basic config of redux dev tools since there is no middleware
Updated object
use updated object in possible places where objects are updated
set Environment variable only for dev mode
Set env variable to Restrict user to view redux state in production mode
Combine Reducer
combine order and burgerbuilder reducer to root reducer
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.
Move actions in BurgerBuilder actions to Saga
Implement LazyLoading
Implement LazyLoading for unnecessary routes
Have Generators for async code
Have redux-sage middleware and have cleaner actions code
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
Handle asynchronous requests
Handle asynchronous requests globally through redux
Navigation
Add Navigation Items and tool bar
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
Validation optimization
move check validity to utility function
FireBase backend
add order summary to firebase backed
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.
Fetching Orders
fetch orders via redux
Display User Specific orders
display user specific orders from backend
Input Component
Create Dynamic Input Component for contact data form.
Gaurd routing
/orders takes user to orders page. so add gaurds to url routing
Prop Validations
Add proptype validations to burgerbuilder components
UI persistence state
application reloads and auth state is lost
TotalPrice in redux store
remove local state for total price and add it in global store
Ingredients and price state management
move ingredients and price calculation states to redux store and manage it globally eliminating the handlers inside local component
local UI states
handle local UI states in their respective components
Css Loader/Spinner
Add spinner to handle errors or delayed response
Retrieving Data from backend
Retrieve orders dynamically from backend #
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.