https://github.com/milliorn/recipe-page

Recipe-Page is an interactive web application built with Gatsby, React that offers a wide range of recipes I personally enjoy.
https://github.com/milliorn/recipe-page

axios food gatsby gatsby-site gatsbyjs html-css html-css-javascript prettier react reactjs recipe recipe-app recipe-website recipes recipes-app slugify static-site-generator styled-components web-application

Last synced: 16 days ago
JSON representation

Recipe-Page is an interactive web application built with Gatsby, React that offers a wide range of recipes I personally enjoy.

• Host: GitHub
• URL: https://github.com/milliorn/recipe-page
• Owner: milliorn
• License: mit
• Created: 2021-10-17T06:11:09.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-09-17T11:45:44.000Z (about 1 year ago)
• Last Synced: 2024-10-06T12:41:56.721Z (about 1 year ago)
• Topics: axios, food, gatsby, gatsby-site, gatsbyjs, html-css, html-css-javascript, prettier, react, reactjs, recipe, recipe-app, recipe-website, recipes, recipes-app, slugify, static-site-generator, styled-components, web-application
• Language: JavaScript
• Homepage: https://milliorn-recipes.netlify.app
• Size: 7.2 MB
• Stars: 1
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Gatsby-Recipe-Page

[![Netlify Status](https://api.netlify.com/api/v1/badges/9bf881c3-ed74-4916-af84-b5396ebb07cc/deploy-status)](https://app.netlify.com/sites/milliorn-recipes/deploys)

Recipe website in React

## Introduction

Recipe-Page is a web application built with React that allows users to discover and share recipes. It provides a platform for food enthusiasts to find new recipes, create their own, and interact with a community of like-minded individuals.

![Lighthouse report](./static/lightouse.png)

## Features

- Browse a collection of diverse recipes

- Search for recipes based on ingredients, cuisine, or dietary restrictions

- Create an account to save favorite recipes

- Share recipes with others

- Interact with the community through comments and ratings

## Getting Started

To get started with Recipe-Page, follow these steps:

1. Clone the repository: `git clone https://github.com/milliorn/recipe-page.git`

2. Install dependencies: `npm install`

3. Start the development server: `npm start`

4. Open your browser and visit: `http://localhost:3000`

## Technologies Used

- React: JavaScript library for building user interfaces

- CSS: Styling the application

- HTML: Markup language for structuring the application

- Styled Components: CSS-in-JS library for component styling

- Axios: Promise-based HTTP client for making API requests

- Gatsby: Static site generator for building fast, optimized websites

## Contributing

Contributions to Recipe-Page are welcome! If you find a bug or have an idea for an enhancement, please open an issue or submit a pull request. Follow the [contribution guidelines](CONTRIBUTING.md) for more details.

## License

This project is licensed under the [MIT License](LICENSE).

## Acknowledgements

- The creators of React, Gatsby, and other open-source libraries used in this project

- The online community for their support and inspiration

## Contact

For any questions or inquiries, please open an Issue on this repo