Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rohitchourey0809/foodapp

MiniFood: Discover, create, and share delectable recipes effortlessly with our user-friendly app, bringing the joy of cooking to your fingertips in a compact, delightful package.
https://github.com/rohitchourey0809/foodapp

css git html javascript

Last synced: about 18 hours ago
JSON representation

MiniFood: Discover, create, and share delectable recipes effortlessly with our user-friendly app, bringing the joy of cooking to your fingertips in a compact, delightful package.

Awesome Lists containing this project

README

        

# Foodapp

# Cloning of [Foodcloneapp](https://foodapp-plum.vercel.app/) WEBSITE

# Welcome Here!

Hello Readers,
i have used Html5, CSS, Advance JavaScript, Fetch Web API, Import/Export, Paytm Payment API, Google API and local-storage for building this Project.

## About Website:

[Foodcloneapp](https://foodapp-plum.vercel.app/) Discover, create, and share delectable recipes effortlessly with our user-friendly app, bringing the joy of cooking to your fingertips in a compact, delightful package.

## Tech Stack Used:
We have used Html5, CSS, Advance JavaScript, for building this Project.

## Details of Tech stack used:
HTML5:

we have used to build the basic structure of the website. All headings, Paragraphs, links, forms, etc. were structured by HTML.

CSS:

We have used to add styling to the website. We used Advance CSS for Popup Modal window for login/Sign up, Payment, and all other styling.

Advance JavaScript:

We have used to add logical functionalities to the web pages like the on Click function. We have added all the functionalities.

## Authors

- [@rohitchourey0809](https://github.com/rohitchourey0809)

## Color Reference

| Color | Hex |
| ----------------- | ------------------------------------------------------------------ |
| Example Color | ![#0a192f](https://via.placeholder.com/10/0a192f?text=+) #0a192f |
| Example Color | ![#f8f8f8](https://via.placeholder.com/10/f8f8f8?text=+) #f8f8f8 |
| Example Color | ![#00b48a](https://via.placeholder.com/10/00b48a?text=+) #00b48a |
| Example Color | ![#00d1a0](https://via.placeholder.com/10/00b48a?text=+) #00d1a0 |

## Contributing

Contributions are always welcome!

See `contributing.md` for ways to get started.

Please adhere to this project's `code of conduct`.

# Hi, I'm RohitChourey! 👋

## 🚀 About Me
I'm a full stack developer...

## Installation

Install my-project with npm

```bash
npm install my-project
cd my-project
```

## Optimizations

What optimizations did you make in your code? E.g. refactors, performance improvements, accessibility

## Roadmap

- Additional browser support

- Add more integrations

## Running Tests

To run tests, run the following command

```bash
npm run test
```

## Features

- Light/dark mode toggle
- Live previews
- Fullscreen mode
- Cross platform

## Deployment

To deploy this project run

```bash
npm run deploy
```

## Badges

Add badges from somewhere like: [shields.io](https://shields.io/)

[![MIT License](https://img.shields.io/apm/l/atomic-design-ui.svg?)](https://github.com/tterb/atomic-design-ui/blob/master/LICENSEs)
[![GPLv3 License](https://img.shields.io/badge/License-GPL%20v3-yellow.svg)](https://opensource.org/licenses/)
[![AGPL License](https://img.shields.io/badge/license-AGPL-blue.svg)](http://www.gnu.org/licenses/agpl-3.0)