Vegan Recipes Website

This is a front-end only project developed for the Responsive Website course during my studies at CCIT FTUI. The project is a fully responsive website that showcases a variety of vegan recipes, utilizing HTML, CSS, JavaScript, and Tailwind CSS.

Table of Contents

• Features
• Technologies Used
• Getting Started
• Screenshots
• License

Features

• Responsive Design: Adapts seamlessly to various screen sizes, including mobile, tablet, and desktop.
• Vegan Recipes: A collection of vegan recipes presented in a clean and user-friendly interface.
• Interactive Elements: Incorporates JavaScript for interactive features such as dropdown menus and recipe filters.
• Tailwind CSS: Styled using Tailwind CSS for a modern and efficient design.

Technologies Used

• HTML: Provides the structure of the website.
• CSS: Used for styling and layout.
• JavaScript: Adds interactive elements and dynamic behavior.
• Tailwind CSS: A utility-first CSS framework that ensures responsive and clean design.

Getting Started

To view the project locally:

1. Clone the repository:

   git clone https://github.com/auriorajaa/vegan-recipes-website.git

2. Navigate to the project directory:

   cd vegan-recipes-website

3. Open index.html in your browser: You can simply open the index.html file in any web browser to view the website.

Screenshots

Desktop Layout Home Page

Mobile Layout Home Page

Tab Layout Home Page

Desktop Layout Explore Page

Mobile Layout Explore Page

Tab Layout Explore Page

Desktop Layout Recipe Detail Page

Mobile Layout Recipe Detail Page

Tab Layout Recipe Detail Page

Desktop Layout Create Recipe Page

Mobile Layout Create Recipe Page

Tab Layout Create Recipe Page

End

Thank you for reading till the end! I hope it will benefits you....