A Unique Food order landing page web application called 'HOMELY' where you can select available meals and add them to cart then order them.

Related tags

CSS Food-Order-Landing-Page
Overview

End Result

Click the link : https://foodapp-by-eniola.netlify.com

Getting Started with Create React App

This project was bootstrapped with Create React App.

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 test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

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.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

You might also like...

Tailwind CSS Starter Template - Landing Page

Tailwind CSS Starter Template - Landing Page

Tailwind Toolbox - Landing Page Template Landing Page is an open source, generic landing page template for Tailwind CSS created by Tailwind Toolbox. G

Jan 8, 2023

Landing page starter

Landing page starter

👋 Fresh Fresh is a free landing page starter built by cssninjaStudio. ✌️ preview Check out the live demo by clicking here. Fresh is built with Bulma

Dec 23, 2022

Startup Landing Page Components for React.js

neal-react neal-react is a collection of reactjs components to quickly build landing pages. I found that using hosted services like Launchrock doesn't

Nov 30, 2022

Serverless Pre-Rendering Landing Page

Serverless Pre-Rendering Landing Page

Serverless Pre-Rendering Demo Read the blog post Checkout the demo Developing By default, the content on the site is based off our public Notion page.

Dec 21, 2022

🎉 Personal landing page template

🎉 Personal landing page template

Landing Page Personal landing page template. Designed to keep simplicity in mind in both setup and UI. Stack HTML CSS Font Awesome Themes Couple custo

Dec 22, 2022

Projeto responsivo, que simula uma Landing Page de uma site de turismos.

Projeto responsivo, que simula uma Landing Page de uma site de turismos.

FlexTurismos Projeto responsivo, que simula uma Landing Page de um site de turismos. Tecnologias utilizadas: Site com a tela interia Click aqui para a

Jan 29, 2022

Ta-vivo Landing page

Ta-vivo landing page Getting Started Prerequisites Node.js 12+ (versions below could work, but are not tested) Installing Clone the repository Install

Oct 10, 2022

A responsive HTML template for coding projects with a clean, user friendly design. Crafted with the latest web technologies, the template is suitable for landing pages and documentations.

A responsive HTML template for coding projects with a clean, user friendly design. Crafted with the latest web technologies, the template is suitable for landing pages and documentations.

Scribbler - a responsive HTML template for coding projects and documentations Scribbler is a responsive HTML/CSS/Javascript template designed for deve

Jan 1, 2023

AngularJS SPA Template for Visual Studio is a project skeleton for a simple single-page web application (SPA) built with AngularJS, Bootstrap, and ASP.NET (MVC, Web Api, SignalR).

AngularJS SPA Template for Visual Studio is a project skeleton for a simple single-page web application (SPA) built with AngularJS, Bootstrap, and ASP.NET (MVC, Web Api, SignalR).

AngularJS SPA Template for Visual Studio This project is a skeleton for a simple single-page web application (SPA) built on top of the: AngularJS 1.2.

Jun 18, 2022
Comments
  • Fridge

    Fridge

    Greetings, Mr Eniola.

    In the first commit, I edited cartReducer so that when a new item is added to the cart it is added to the top of the cart list and not the bottom(Reasons: imagine as a larger food order app, a user/customer added some items to the cart but is not ready to make an order or checkout the current cart items, then as the user is still surfing the app, he/she sees a meal the would love to order immediately, once they add this meal to the cart it might seem not to have appeared in the cart because it is hidden at the bottom.. i feel this might give a bad user experience).

    In the second commit, i added a feature that mimics the use of database in the app. I used localStorage javascript API to store the items added to the cart to the browsers local storage. With this feature, when a user adds an item to the cart, even after closing their browser and reopening the web app they will still have the item in the cart except they remove the item them self.

    opened by Cyril-Arinze 2
  • Fridge

    Fridge

    Greetings, Mr Eniola. My name is Cyril Arinze (Fridge on Twitter), I added a new feature to the Homely food app.

    In the first commit, I edited cartReducer so that when a new item is added to the cart it is added to the top of the cart list and not the bottom(Reasons: imagine as a larger food order app, a user/customer added some items to the cart but is not ready to make an order or checkout the current cart items, then as the user is still surfing the app, he/she sees a meal the would love to order immediately, once they add this meal to the cart it might seem not to have appeared in the cart because it is hidden at the bottom. I feel this might give a bad user experience).

    In the second commit, i added a feature that mimics the use of database in the app. I used localStorage javascript API to store the items added to the cart to the browser's local storage. With this feature, when a user adds an item to the cart, even after closing their browser and reopening the web app, they will still have the item in the cart except if they remove the item themself.

    opened by Cyril-Arinze 1
Owner
Eniola Odunmbaku
The 'eminem' of the Tech world | Frontend Web Developer | Sass | Javascript | React.js | Next.Js | I love building Products that solve problems.
Eniola Odunmbaku
GitHub
coala Landing Page - https://gitlab.com/coala/landing is needed as backend

landing-frontend coala Landing Page - https://gitlab.com/coala/landing is needed as backend Usage To run locally: $ git clone https://github.com/coala

coala development group 31 Oct 30, 2022
🖼 A pure client-side landing page template that you can fork, customize and host freely. Relies on Mailchimp and Google Analytics.

landing-page-boilerplate A pure client-side landing page template that you can freely fork, customize, host and link to your own domain name (e.g. usi

Adrien Joly 129 Dec 24, 2022
a Plex landing page that redirects you to various sites.

PlexRedirect a Plex landing page that redirects you to various sites. Blank spaces are where your server name goes. If you don't have a server name yo

null 222 Dec 29, 2022
A web app landing page theme created by Start Bootstrap

Start Bootstrap - New Age New Age is a web app landing page theme for Bootstrap created by Start Bootstrap. Preview View Live Preview Status Download

Start Bootstrap 996 Dec 26, 2022
A plugin for Babel v6 which transforms inline styles defined in JavaScript modules into class names so they become available to, e.g. the `className` prop of React elements. While transforming, the plugin processes all JavaScript style definitions found and bundles them up into a CSS file, ready to be requested from your web server.

babel-plugin-css-in-js A plugin for Babel v6 which transforms inline styles defined in JavaScript modules into class names so they become available to

Martin Andert 302 Sep 26, 2022
FREE Bootstrap Landing Page Template for Developers and Startups

Theme Details & Demo Details: https://themes.3rdwavemedia.com/bootstrap-templates/startup/appkit-landing-free-bootstrap-theme-for-developers-and-start

Xiaoying Riley 158 Nov 30, 2022
A responsive, Bootstrap landing page template created by Start Bootstrap

Start Bootstrap - Landing Page Landing Page is a multipurpose landing page template for Bootstrap created by Start Bootstrap. Preview View Live Previe

Start Bootstrap 1.4k Jan 3, 2023
Minimal landing page for developers

Dev Landing Page Minimal landing page for developers. Developers don't talk much. Their code does all the talking. So here's a minimal landing page fo

Dinesh Pandiyan 1.2k Jan 4, 2023
Increase your landing page conversion rates.

Ouibounce Originally created by Carl Sednaoui from MailCharts. Maintained and improved by generous contributors. Ouibounce: A small library enabling y

Carl Sednaoui 2.3k Dec 9, 2022
Esri GitHub landing page

esri.github.io Landing page for Esri open source projects. Both the project categories and search suggestions in http://esri.github.io are powered by

Esri 470 Dec 31, 2022