This project is a simple recipe website built with Tailwind CSS. It showcases a responsive grid layout for displaying recipes, a navigation menu, and some styling using Tailwind utility classes.
- Tailwind CSS: A utility-first CSS framework.
- Google Fonts - Nunito: Used for the body font.
Before you begin, make sure you have the following installed:
-
Clone the repository: git clone https://github.com/your-username/recipes-site.git recipes-site
-
Install dependencies:
npm install
-
Build CSS using Tailwind CSS:
npm run build-css
-
Open
public/index.html
in your web browser to view the recipe site.
-
tailwind.config.js: Tailwind CSS configuration file with custom colors, fonts, and content settings.
-
package.json: Node.js project configuration file specifying dependencies and scripts. It includes Tailwind CSS and Prettier as devDependencies.
-
.prettierrc.json: Configuration file for Prettier with the
prettier-plugin-tailwindcss
plugin. -
src/styles.css: Main CSS file for styling the project. It includes Tailwind CSS imports, custom styles, and utility classes.
-
public/index.html: Main HTML file containing the structure of the recipe site. It uses Tailwind CSS classes for styling and responsiveness.
-
public/index.js: JavaScript file for handling the mobile menu toggle.