Skip to content

murtazablt/06-FoodOrder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Live in here:

https://murtazablt.github.io/06-FoodOrder/

What was my motivation while building that project?

Learning intermediate ReactJs features such as nested components, optimization, creating customHooks etc.

Why did I build that project?

To provide a clean and simple user interface for ordering a some meals. These are some screenshoots from ReactMeals:

HomePage

home

OrderingPage

ordering

PayingPage

paying

OrderedPage

ordered

How did I build that project?

Maximillian Schwarzmüller from "React-The Complete Guide" Udemy Course provided the design and idea and I wrote the whole code by using React.

What problem does gitFinder solve?

ReactMeals provides a service for the customers, which they can order a meal.

What did I learn?

Creating custom hooks, making some optimization, rendering the content conditionaly, styling react components.

What makes myproject stand out?

Clean and simple user interface and cool bump animation on card item.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.