Cookfood : Mau Masak Apa Hari Ini

bruh

CookFood merupakan website untuk menyimpan dan membagikan resep makanan atau minuman yang dibuat oleh pengguna. Pembuatan website ini terinspirasi secara tidak sengaja dari YouTube recomendation , tetapi dalam tutorial tersebut menggunakan reactJS dan API dari Spoonacular sedangkan dalam pembuatan website ini menggunakan HTML, CSS, JavaScript, PHP dan penyimpanan database menggunakan MySQL.

Client Requirement

• No Framework :(
• CRUD
• Minimum 10 dummy data
• Search + Suggestion
• SQL injection prevention
• W3C Validator
• JSHint
• Homepage
• Table
• Form

Menu/Fitur tersedia (Deadline Pertama)

• Home Page
• Write Recipe
• Explore Menu
• Pricing
• Login & Signup Page
• Dark Mode
• Open Graph Protocol

Menu/Fitur tersedia (Deadline Final)

• Sign in
• Sign up
• Sign out
• Create Recipe
• Read (all or just user's recipe)
• Update Recipe
• Delete Recipe
• Search Recipe with suggestion, with debounce
• Visibility Recipe (Public or Private)

Inspirasi Style & UI/UX

• Netlify
• Airbnb
• UI/UX from dribble
• Sign in Modal Box
• Cookpad
• Algolia

Inspirasi Code

• Searchbar
• Dropdown
• Shadow when Scroll
• outside element click
• outside element click

Font & Icon

• Google Font
• Font Awesome
• Favicon Generator

Tools & Design

• Photoshop
• CSS Shadow Generator
• CSS Gradient Background Generator
• Glassmorphism Generator
• webp conversion and compression
• UglifyJS
• clean-css
• Open Graph Meta Tags Generator

Dokumentasi

Made with 💋

Keep It Simple Stupid