primalorb / find_your_drink Goto Github PK
View Code? Open in Web Editor NEWA resource to find new and interesting drink suggestions
Home Page: https://primalorb.github.io/find_your_drink/
A resource to find new and interesting drink suggestions
Home Page: https://primalorb.github.io/find_your_drink/
An important step in our collaborative design is a barebones reactive website
HTML Elements to include:
Header (potentially hold buttons for settings, and view saved calendar events)
Main Element to include:
Button or link to generate email
Field for date picker or date dropdowns
Article Element to include:
Display Drink
Display Drink Image
Display Drink Recipe
Display Recipe Ingredients
Display historical event
Footer Element to include:
Good practice would be to use lorem placeholder text, and a photo placeholder service like picsum ( ex: https://picsum.photos/200 ) while building layout to ensure content fits and adjusts appropriately
User has the ability to change settings
Create a link the user can click
~~ a modal pops up where a name, email, and personal message can be added~~
We need to make a detailed readme with:
(On first page load, or if storage setting does not exist)
When user loads page, they are asked whether they are 19 or over
If no, user setting would be stored to only display non-alcoholic drinks
If yes, the user setting would be stored to display all available drinks
Define for MVP:
Does not need to consider 'additional' features
After barebones structure is made, additional work will be needed to:
For our MVP, we want to be able to:
This work can happen before HTML hooks are known for display
Due to the expected difficulty with creating a scheduled back end email service, a best-case scenario might be:
When the page loads, the storage is reviewed for dates which have passed, and the emails have not been send (false boolean value)
The user is then prompted via modal to send an email to the contact
After our MVP ability to display a random cocktail, we may want to be able to:
User Story Additional Features:
WHEN the page loads
THEN I am presented with setting options that are saved to local storage
WHEN I click the settings menu
THEN I can change my previously selected settings
WHEN I choose my desired settings
THEN the page only displays those choices
WHEN I click on New Calendar Event
THEN I can enter a name, email, personal message and date
WHEN I enter my information into New Calendar Event
THEN it is saved and viewed in my settings
WHEN I view my events in settings
THEN I can individually delete them
WHEN the page loads
THEN the calendar events are reviewed for items that need to be sent
WHEN I enter an ingredient in the search bar
THEN I am presented with a drink and recipe with that ingredient
WHEN I choose select annual event
THEN I will be reminded to send an email on that anniversary
WHEN an annual event has past and an email has not been sent
THEN a modal will pop up on page reload with a reminder
WHEN I click send email
THEN an email is generated with a drink and recipe that I can send to my contacts
We can address these after we update progress of MVP
Based on the date chosen either from date load or user selection
This can happen before HTML hooks are in place
Add this project to your portfolio page
On page load, display a random
Project Requirements as laid out in Bootcampspot
10 minute presentation to class
After our MVP ability to display a random cocktail, we may want to be able to:
For our MVP, we want to be able to:
This work can happen before HTML hooks are known for display
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.