Project Overview

Al Chile

Project Description

Al Chile ("To Pepper") is an app about all things peppers and hot sauce. Want to learn about all the different types of peppers? What makes them spicy and, what hot sauces have that specific pepper? Just use the app and collaborate to add more hot sauces from around the world.

Wireframes

Wireframes below are Al Chile app interface variations for mobile, tablet, and desktop. Note: final frames may change due to content and usage.

Mobile:

Tablet:

Desktop:

Go to MIRO for details on Wireframes

Component Hierarchy

API and Data Sample

HOT SAUCE:

{
   "id": "recqIUYqDshFWlox2",
   "fields": {
       "peppers": "Oleoresin capsicum",
       "hotLevels": 5,
       "shu": 9000000,
       "image": "41ammQpOUyL._SX300_SY300_QL70_FMwebp_.jpg (https://dl.airtable.com/.attachments/97c466ef03362ec84d49aac17d755ee3/e8c7bc1f/41ammQpOUyL._SX300_SY300_QL7...",
       "sauce": "Mad Dog 357 Plutonium",
       "pairing": "WARNING - DO NOT CONSUME DIRECTLY - FOOD ADDITIVE ONLY!"
   },
   "createdTime": "2021-06-29T14:21:06.000Z"
}

PEPPERS DATA:

{
         "id": "rec9RdU8RQPBB96ld",
         "fields": {
             "name": "Trinidad Scorpion",
             "specie": "Capsicum Annuum",
             "origin": "USA",
             "shu": "1,200,000 – 2,009,000"
         },
         "createdTime": "2021-06-29T13:36:00.000Z"
     },

MVP/PostMVP

MVP

• Create a useful Airtable database
• Render main page with clickable navegation to display content
• Make API calls and be able to add objects using forms

PostMVP

• Create a poll page to build an active community
• Add images and video
• Create a salsa recipe forum

Project Schedule

Day	Deliverable	Status
July 29	Prompt / Wireframes / Priority Matrix / Timeframes	Complete
July 30	Project Approval	Complete
July 30	Core Application Structure (HTML, CSS, etc.)	Complete
July 1	Pseudocode / actual code	Complete
July 1	Initial Clickable Model	Complete
July 2	MVP	Complete
July 6	Presentations	Complete

Timeframes

Component	Priority	Estimated Time	Time Invested	Actual Time
Airtable	H	3hrs	3hrs	3hrs
Creating pages	H	2hrs	2hrs	2hrs
Adding Form	H	3hrs	3.5hrs	3.5hrs
Working with API	H	3hrs	2.5hrs	2.5hrs
Rendering Content	H	2hrs	2.5hrs	2hrs
Total	H	13hrs	14.5hrs	14hrs

SWOT Analysis

Strengths:

Creating the database content and obtaining the necessary information. Developing the wireframes and understanding CSS.

Weaknesses:

Narrowing down tasks.

Opportunities:

Expand my React knowledge and use the class curriculum to build something from scratch.

Threats:

Overcomplicating, trying to accomplish too many tasks.