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

This repository contains the source code for a responsive vegan recipes website, created as part of the Responsive Website course at CCIT FTUI. The website is designed to display a variety of vegan recipes and is fully responsive across different devices, including mobile, tablet, and desktop.
https://github.com/auriorajaa/vegan-recipes-website

ccit-ftui css front-end-development html javascript recipe-website responsive responsive-design tailwindcss

Last synced: 3 months ago
JSON representation

Host: GitHub
URL: https://github.com/auriorajaa/vegan-recipes-website
Owner: auriorajaa
Created: 2024-05-01T13:36:24.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-08-15T08:14:37.000Z (10 months ago)
Last Synced: 2025-01-25T22:40:17.830Z (5 months ago)
Topics: ccit-ftui, css, front-end-development, html, javascript, recipe-website, responsive, responsive-design, tailwindcss
Language: CSS
Homepage:
Size: 10 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 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](#features)
- [Technologies Used](#technologies-used)
- [Getting Started](#getting-started)
- [Screenshots](#screenshots)
- [License](#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**:
```bash
git clone https://github.com/auriorajaa/vegan-recipes-website.git
```

2. **Navigate to the project directory**:
```bash
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
![Home Page](https://github.com/user-attachments/assets/99eeea96-c32e-4fac-845a-dbcc65653c4b)

### Mobile Layout Home Page