Code Runner - Social Platform
Build a lesson using javascript. This allows you to create in Jupyter Notebook code cell for development, plus interact elements with the lesson on the Web
Javascript - Uploading an image
Most social platforms allow people to upload images to express themselves. That’s one of the key features we’d like to focus on with this project.
By including an ‘upload’ button while drafting a post, the client may attach an image to their post.
Javascript - Reaction Picker
Most social platforms allow people to react to posts. In this lesson, students can create a reaction picker that allows the user to select a reaction and post it.
Challenge
Create an interactive reaction picker. The user should be able to select a reaction image and click "POST REACTION" to display their selected reaction.
Python: Uploading text
Text is one of the main ways users communicate and share their thoughts on social media. For this project, we’d like to focus on allowing users to create text-based posts.
By providing a text input, the client can type a message and add it to their post.
Code Runner Challenge
Create a text post.
View IPYNB Source
# CODE_RUNNER: Create a text post.
posts = []
post = input("Write your post: ")
posts.append(post)
print("\nPosts:")
for post in posts:
print("- " + post)