

Study with the several resources on Docsity
Earn points by helping other students or get them with a premium plan
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Community
Ask the community for help and clear up your study doubts
Discover the best universities in your country according to Docsity users
Free resources
Download our free guides on studying techniques, anxiety management strategies, and thesis advice from Docsity tutors
A university assignment for students in the online multimedia course at ludwig-maximilians-universität, lfe medieninformatik, in the academic year 2019/2020. The assignment involves building a meme history feature for the mememuc meme generator using react. Students are required to implement saving, restoring, and deleting memes from the history. Detailed instructions and goals for each task.
What you will learn
Typology: Lecture notes
1 / 2
This page cannot be seen from the preview
Don't miss anything!
Ludwig-Maximilians-Universität Online Multimedia LFE Medieninformatik WS 2019/
This assignment trains you in...
Your task is to build a (local) history for MemeMuc, the MMN Meme Generator. Use the skeleton from GitHub, which is similar to the tutorial’s code-along solution but contains some guidance for this task. Please be patient with MemeMuc, loading images is slow when using long captions ;)
The goal of task one is to have a working meme history on the bottom of the page. In the meme configuration area on the right, a save button should be added. When one clicks the save button, the currently configured meme should be added to the meme history.
Appropriate steps could be:
Now let’s add some interactivity to the meme history. Two features should be supported:
For restoring, implement a click handler on the meme history items. To change the displayed meme in the parent component, pass a callback through props that allow child components update properties selectedBaseImage and caption in the history component. Through props, it should be accomplished that the displayed meme changes when the history component’s event
Ludwig-Maximilians-Universität Online Multimedia LFE Medieninformatik WS 2019/
handler changes its properties. Re-rendering the meme should work automatically if the two aforementioned properties in the parent component change through props (same principle like for the caption editing).
Add a delete icon to each history meme. We recommend to use Material Design Icons (see here), for example the DeleteForever icon. Also mind to setup Material Design in your project. To delete a meme, use a callback that pass through props to edit the savedMemes array in the history component.
Please turn in your solution as ZIP file via Uni2Work. You can form groups of up to three people.
We encourage you to sign up for Slack! All you need is a CIP account and an email address that ends in “@cip.ifi.lmu.de”. Ask us if you don’t know how to get them.
If you have questions or comments before the submission, please contact one of the tutors. They are on Slack @Aleksa and @Andre, remember that they also want to enjoy their weekends
It also makes sense to ask the question in our #omm-ws1920 channel. Maybe fellow students can help or benefit from the answers, too!