Skip to content

yasinatesim/next-recipe-app

Repository files navigation


React Recipe App
React Recipe App


A Next.js web application that allows users to search for recipes.

· View Demo · Report Bug · Request Feature

📖 About

The Recipe App is a web application that allows users to search for recipes based on keywords and ingredients This application was built using Next.js, React functions for backend integration.

📚Tech Stack

skratchdot/react-github-corner Add a Github banner to your project page for React
Next.js The React Framework for SEO Friendly website and more...
Commitlint Send commit messages to conventional commits rules
TypeScript TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
SASS The most mature, stable, and powerful professional grade CSS extension language in the world
Editorconfig Helps maintain consistent coding styles for my working on the same project across various editors and IDEs
Eslint Find and fix problems in your JavaScript code
Prettier An opinionated code formatter

🧐 What's inside?

Features

  • You can search recipe on input
  • You can view the detail for selected recipe

Getting Started

📦 Prerequisites

  • Node (v18.0.0+)

  • Npm (v6.00+)

⚙️ How To Use

  1. Clone this repository
git clone https://github.com/yasinatesim/next-recipe-app.git
  1. Install the project dependencies
yarn install

For Development

yarn dev

For Docker

  1. Change the directory
cd next-recipe-app
  1. Run this command without yarn or yarn install
yarn setup

or

yarn && docker-compose up --build

App is running on http://localhost:3000

For Production Build & Build Start

yarn build

and

yarn start

For Lint & Format

yarn lint
yarn format

🔑 License

  • Copyright © 2023 - MIT License.

See LICENSE for more information.


This README was generated with by markdown-manager 🥲