Akash2001/tidbeat-recipes

Simple challenge for hiring interns

This is a Next.js project bootstrapped with create-next-app.

Prerequisites

• NodeJs >= v14
• Yarn

Getting Started

First, run the development server:

yarn install
yarn dev

Open http://localhost:3000 with your browser to see the result.

The Challenge.

• Please fork this repo into your machine.

• Make sure to do the steps mentioned in Getting Started section and you have the app running on port 3000 and you can see a list of recipes.

• We leverage the open The Meal DB rest api to use as backend.

• Tasks:

  • Change the list of recipes UI on the main page to cards as per this mockup Link (Bonus: use Material - UI)
  • Add action on the cards so that when you click on any card you will be redirected to a detailed page as per this mockup Link

• Once you have done the code changes, please commit all the changes made into your forked repo and please the share link of that repo.

Things which can add value to your submission.

• Deploy the app and share the preview URL.
• Add search functionality to search the recipes.
• Add screenshots when raising the PR.
• Make sure your commit messages are concise and precise. Have many atomic commits rather one single large commit.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.