Skip to main content
SimilarExport ZIP
100%

want to cook-website, not finished yet.

✓ Published0🌍 Public
KKacieW
Last edited May 3, 2017
Created on May 3, 2017

This example is an unfinished recipe-sharing website called “Want To Cook,” built with HTML, CSS, and vanilla JavaScript. It shows a homepage with a large hero image and a breakfast page listing two dishes, each with a photo, description, and a clickable heart-shaped “likes” button. The site uses CSS Flexbox for layout, inline SVG-free CSS shapes for the heart icon, and JavaScript event listeners to toggle login/signup forms and the liked state. Images are hotlinked from xiachufang.com, and the page includes a footer crediting that source.

AI-generated description

Similar vizzes

Loading thumbnail…

Recipe App

This example shows a recipe management system with a login form, password validation, recipe creation, and search functionality. The interface uses standard HTML, CSS, and JavaScript, with jQuery for UI interactions and Bootstrap for styling. The back end is built with Express, MySQL, and Sequelize for database operations, while password-rules enforces password complexity. The code includes a SQL schema for account storage, recipe, ingredient, allergen, and meal type models, and routes for authentication and recipe creation.

AAndrew L
61% match
Loading thumbnail…

JS For Beginners

A basic HTML form demonstrates food categorization with a dropdown menu of South Indian dishes and a quantity input, styled with a green theme and a submit button. The page loads d3.v4 from a CDN, but the JavaScript logic in `index.js` only adds an event listener that prevents form submission without rendering any visualization. The `food.csv` file contains static data with food names, categories, color tags, and age tags, though this data is not actively used by the current code. The example appears to be an incomplete starter project for future interactive data visualization work.

Kkavi-kumaran
60% match
Loading thumbnail…

Untitled

This example demonstrates a responsive website layout built with HTML5 and CSS, featuring a navigation bar, introductory image, and content sections for boxes, events, and projects. The page uses semantic structural elements like `header`, `nav`, `main`, and `section` tags to organize material, with styling applied through a CSS framework. The design incorporates interactive buttons and links, and the visual hierarchy relies on header tags and horizontal rules. The layout is defined directly in the HTML structure, with no JavaScript libraries or data-viz libraries present.

DDannwiz
58% match
Loading thumbnail…

Untitled

This example demonstrates a minimal web page setup using HTML, CSS, and JavaScript, housed within a React-ready starter framework. The page itself contains an empty HTML document, serving as a blank canvas for experimentation. The code relies on standard web technologies—CSS for styling and JavaScript for interactivity—with a reference to a React Starter project for more advanced development. It is a foundational template meant for immediate use in a browser, showcasing the bare essentials required to begin a visualization project.

Ccapcharmander
58% match
Loading thumbnail…

HTML Test

This example demonstrates a minimal HTML page styled with CSS and enhanced with JavaScript. It renders a heading and an unordered list using standard HTML elements. The page applies a monospace font and a large text size through an external stylesheet (styles.css). The code relies on core web technologies—HTML for structure, CSS for presentation, and JavaScript for interactivity—offering a simple template for web-based visualization development. It references a React-based starter alternative for comparison.

JJorrr2
58% match
Loading thumbnail…

HTML Starter

This example demonstrates a minimal web page that combines HTML, CSS, and JavaScript in a single file. It displays the text "Hello HTML" in large, centered type styled through inline CSS, while JavaScript logs "Hello JavaScript!" to the browser’s console via `console.log`. No external libraries or data sources are used; the page relies solely on native browser APIs and static markup. The code serves as a bare-bones starting point for web development, illustrating the separation of structure, presentation, and behavior.

DDataFeast_71
57% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal web page that uses cascading style sheets (CSS) for layout and JavaScript for interactive behavior, rendering the text "Hello HTML!" prominently. The page is constructed with a standalone HTML file containing a style block that sets the message's font size and alignment. This starter serves as a template for building visualizations, leveraging standard HTML, CSS, and JavaScript without any external libraries. The provided code defines a single centered div, showcasing the fundamental structure for a simple web-based application.

Rrichard.adamson@hotmail.com
57% match
Loading thumbnail…

Fork of HTML Starter

This example presents a minimal web page that displays the text “Hello HTML!” centered on a white background. It demonstrates the fundamental building blocks of a web-based visualization or webpage using standard HTML elements, CSS for styling, and JavaScript. The page structure is defined in an `index.html` file, with visual styling applied through a CSS class rule. While the code does not fetch or process any data, it serves as a bare-bones template for adding interactive elements or graphics using technologies like the canvas API or D3.js.

Mmatrice-one
57% match