Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/femincan/recipify

A recipe app created with React (Vite + TypeScript), React Query, and Tailwind CSS (Daisy UI).
https://github.com/femincan/recipify

daisyui react react-query tailwindcss typescript vite

Last synced: about 1 month ago
JSON representation

A recipe app created with React (Vite + TypeScript), React Query, and Tailwind CSS (Daisy UI).

Host: GitHub
URL: https://github.com/femincan/recipify
Owner: femincan
License: mit
Created: 2023-09-19T14:32:14.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2024-09-21T05:23:58.000Z (5 months ago)
Last Synced: 2024-11-15T21:16:15.174Z (3 months ago)
Topics: daisyui, react, react-query, tailwindcss, typescript, vite
Language: TypeScript
Homepage:
Size: 534 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # Recipify

A recipe app created with React (Vite + TypeScript), Tailwind CSS (Daisy UI) and React Query.

## Table of Contents

- [Views](#views)

- [Features](#features)

- [Technologies](#technologies)

- [How To Use](#how-to-use)

- [License](#license)

## Views

### Default

![Application Screenshot 1](https://github.com/femincan/recipify/assets/78358128/455ba1c8-ae8c-46f4-86b5-202dc78a3fd1)

### Search

![Application Screenshot 2](https://github.com/femincan/recipify/assets/78358128/16dfa347-2428-4de7-a16f-98b4a481e1f0)

### Meal Information

![Application Screenshot 3](https://github.com/femincan/recipify/assets/78358128/a86bfd3c-1043-4166-8048-8a6ae05297b5)

## Features

- Fully responsive design.

- Intuitive meal search functionality.

- Detailed information about each meals like ingredients, instructions, and so on.

## Technologies

- [React](https://react.dev)

- [React Query](https://tanstack.com/query/latest)

- [Tailwind CSS](https://tailwindcss.com) ([Daisy UI](https://daisyui.com))

- [Vite](https://vitejs.dev)

- [TypeScript](https://typescriptlang.org)

## How To Use

To clone and run this application, you'll need Git and Node.js and pnpm globally installed on your computer. From your command line:

```bash

# Clone this repository

git clone https://github.com/femincan/recipify.git

# Go into the repository

cd recipify

# Install dependencies

pnpm install

```

Now, you can run the app:

```bash

pnpm run dev

```

## License

[MIT](./LICENSE)