Recipe App

A Recips application built with React and TypeScript that leverages various modern tools and libraries to offer a robust and user-friendly experience. This app includes features such as categorizing recipes, recording recipes, marking them as favorite, viewing latest viewed recipes, it uses IndexedDB for data storage and localStorage for keeping track of the latest recipes, Tailwind CSS for styling, React Router for navigation, and Jest with React Testing Library for testing.

• Live Version: https://limonatasuyu.github.io/react-recipes-app/

Installation

To get started with the Recipes app, follow these steps:

Clone the repository:

git clone https://github.com/limonatasuyu/react-recipes-app.git
cd react-recipes-app

Install dependencies:

npm install

Run the development server:

npm start

This will start the app on http://localhost:3000.

Testing

To run the tests, use:

bash Copy code npm test Jest and React Testing Library are used to ensure the application functions as expected.

Technologies Used

• React: JavaScript library for building user interfaces.
• TypeScript: A typed superset of JavaScript.
• Tailwind CSS: Utility-first CSS framework.
• React Router: Declarative routing for React.
• localStorage: Web API for storing data on the client side.
• IndexedDB: A low-level API for storing structured data in browser.
• Jest: Testing framework for JavaScript.
• React Testing Library: Testing utilities for React components.