(CSS Animation / JS): Improve "Tear Off Calendar" for Kids App

Status: Open
Prize: €50
Entries Received: 16

Contest Brief

Join this contest to make our "Tear Off Calendar" better!

It is a part of a children's app and is made using HTML, CSS, and JavaScript.

Kids can tear off 1 page each day on the screen. We need your help to make this action smoother and more fun.

Contest Details:

Source Code Provided The source code of the current state of this app is attached to this contest.

Your job is to improve it.

Live Demo Needed:
Please provide a link to a live demo of your work so I can try it out.

YouTube Video: Watch our video to see the current calendar in action:
https://youtu.be/-kSL8uIcNGc

What We Need:

Better Animation:
The page tear-off should look real and cool.
If a kid touches or drags the page lightly, it should only move a little, not tear off completely.

Testing Feature:
For testing, I need to be able to tear off multiple pages one after the other. Normally, the app only lets you tear off today's page.

How to Submit:
Enhance the calendar following the points above.

Send your version with a link to see it working and a short explanation of what you changed.

Choosing the Winner:

We will look for the most fun and smooth animation.

We want the calendar to work well and be easy for kids to use.

Your code should be clean and smart.

Enter now and show us how you can make our calendar more exciting for kids!

Recommended Skills

Enter This Contest

Top entries from this contest

Ravi80335 India

1
balasakthigopal India

1
ahmadhamid0 Egypt

0
Ravi80335 India

0
ahmedaymanokka Egypt

0
mdemong876 Bangladesh

0
aabdalah011 Egypt

0
mdemong876 Bangladesh

0
mailtoafaqCEO Pakistan

1
Techcenter619 Pakistan

0
robilio Bangladesh

0
karim0725 Bangladesh

0
ahmadhamid0 Egypt

0
karim0725 Bangladesh

0
liakatali25 Bangladesh

0

View More Entries

Public Clarification Board

launchExtinct
- 1 day ago
* Hi there, I am Active Now, Ready to Start Work!

WHY ME?
-> Got 5/5 Stars Rating with 98% completion rate
-> Preferred & Verified freelancer(Badges shown)
-> Listed in top 1% among all users
-> Certified skills(check results on my profile)

I have read the description and will start work Right Now, I am ready to do your project on time.
Please feel free to check out my portfolio at: https://launchextinct.weebly.com/
and my previous employers’ feedback.

Looking forward to hear from you to discuss further on your project.

Best Regards,
Hafeez ul haq.
- 1 day ago
ahmedaymanokka
- 3 days ago
please can you write me a feedback about my work submitted? Thank you in advance
- 3 days ago
CodePixelsSmart
- 1 week ago
I have 5 years of experience in PHP, mysql, Codeigniter, Wordpress, Jquery, HTML, CSS ,Python and many more. See my portfolio for art work samples and my clients feedback.
Please initiate chat for further discussion. I will do my best for you , with a Positive Hope! Regards
-----------------------------------------------------------------------------
- 1 week ago
mdemong876
- 1 week ago
Dear Contest holder, I would like to first of all give you thanks for give me an another opportunity to show my expertise. My previous Entries was #24 . You have find some issues. My Updated Entries is #28 . In Updated entries i try to make less easy to tear off and improve the animation experience. Thanks
- 1 week ago
kiaboluki
- 1 week ago
what if they drag in the reverse direction after they teared a little bit of the calendar? should the calendar be fixed or not ?
- 1 week ago
ahmedaymanokka
- 1 week ago
I am working on a special animation. need some time
- 1 week ago
Ravi80335
- 1 week ago
check my entry #14 ,
if dragged a little bit, it'll Tear off a little bit
- 1 week ago
mailtoafaqCEO
- 1 week ago
At least check the tetsing URL please
- 1 week ago
Techcenter619
- 1 week ago
Kindly check my entry #11
- 1 week ago
narendragautam
- 1 week ago
Please check my entry, If child press mouse little then will shae a little and not tear off .
- 1 week ago
webdfaruk
- 1 week ago
Please Check My Entry #5
- 1 week ago