https://github.com/themashcodee/recipify

An Assignment for Internship in ALPHI
https://github.com/themashcodee/recipify

Last synced: about 2 months ago
JSON representation

An Assignment for Internship in ALPHI

• Host: GitHub
• URL: https://github.com/themashcodee/recipify
• Owner: themashcodee
• Created: 2021-11-22T04:10:19.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-11-23T19:12:11.000Z (over 3 years ago)
• Last Synced: 2025-02-05T22:41:36.371Z (3 months ago)
• Language: TypeScript
• Homepage: https://recipify.vercel.app
• Size: 1.61 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)

# Recipe App

A Recipe application (only frontend as of now)

Live - https://recipify.vercel.app

## Technologies Used

Nextjs, Typescript, TailwindCSS, Framer Motion, Redux Toolkit

## Contribute or Run your code in your machine

1. Fork this repo

2. Copy the URL of the dublicate repo present in your github account

3. Run command on your terminal `git clone URL_YOU_COPIED`

4. Install all the dependencies `yarn install` or `npm install`

5. Run the application in local environment `yarn dev` or `npm run dev`

## Folder Structure

animations - All the animation variants of framer motion  

components - All the components used in the application  

database - Dummy Recipes JSON data  

helpers - Helpers function used in the application  

hooks - Custom Hooks used in the application  

pages - Routing Management  

public - public assets including favicon and demo recipe images  

store - Redux Toolkit store configuration  

styels - CSS styling files  

types - Typescript types

## Credits

JSON Dummy data - https://github.com/raywenderlich/recipes/blob/master/Recipes.json  

Favicon - made by Freepik from www.flaticon.com

## Sneak Peek (Screenshot)

### Homepage - Desktop

![homepage-desktoop](https://user-images.githubusercontent.com/50915748/142982028-b0528afe-bf15-465c-9cd8-8a79251dc956.png)

### Homepage - Mobile

![homepage-mobile](https://user-images.githubusercontent.com/50915748/142982034-3e23359e-c814-4200-83a6-623daa9a75a4.png)

### Signup Page - Desktop

![signup](https://user-images.githubusercontent.com/50915748/142982038-ec777eab-5e26-45ef-820e-53da52724551.png)

### Single Recipe Page - Desktop

![singlerecipe](https://user-images.githubusercontent.com/50915748/142982039-a01bd13c-0b85-455c-a3c6-b7d6e046697e.png)

### Single Recipe Page - Desktop

![singlerecipe-dark](https://user-images.githubusercontent.com/50915748/142982041-ee122c5a-b35a-4030-a3aa-d2e3a14f495f.png)

### Add Recipe Page - Desktop

![addrecipe](https://user-images.githubusercontent.com/50915748/142982046-399d9fb0-e5a1-4f41-a38c-97f1268f05d6.png)

### Favourite Recipes Page - Desktop

![favorite](https://user-images.githubusercontent.com/50915748/142982047-4925289b-88a0-49d8-9b2c-d632fe7e6dce.png)