Vera-com/african-kitchen

# African Kitchen This website is focused on sharing African recipes and cooking tips for Africans in the diaspora, students who moved away from home, professional chefs, and food lovers who are willing to learn authentic African cooking. The goal is to preserve traditional African recipes and culture, connect users to culinary roots, and provide easy access to ingredients and instructional videos. Live Site: African Kitchen --- ## Table of Contents - User Experience Section - User Stories - Design Section - Wireframes - Mockup Preview - Features - Future Implementations - Technologies Used - Structure - Challenges Faced - Deployment & Local Development - Testing - Credits Section --- # User Experience Section This project is designed with real-life users in mind—Africans abroad, students away from home, and food lovers wishing to reconnect with authentic homemade African meals. It also includes an interactive Jasvascript to enable form validation and improve user navigation. ### UX (The 5 Planes) - **Strategy**: Build a simple platform to connect users to homemade African food. - **Scope**: Homepage, food imagery, embedded recipe videos, ingredients list, contact form, footer. - **Structure**: One-page layout with smooth scroll navigation. - **Skeleton**: Responsive Bootstrap grid, navbar, sections, containers. - **Surface**: Warm earthy palette, African-style fonts, inviting visuals. --- # User Stories ### User Story 1 — MUST-HAVE **As a user**, I want to view beautiful African food images to feel welcomed and emotionally connected. ### User Story 2 — MUST-HAVE **As a user**, I want to watch recipe videos so I can follow along while cooking. ### User Story 3 — MUST-HAVE **As a user**, I want to see a list of ingredients for each dish. ### User Story 4 — MUST-HAVE **As a user**, I would like to know if there's a way to contact or follow this site on social media. I also want contact forms that can validate my input with the right information so that …