Get motivated play

[Hat52]

First thing, PLEASE READ THIS: ReactPlay Code Review Checklist

Description

Play added #740

Fixes # (issue)

How Has This Been Tested?

Tested on my local

Checklist:

• [ x] I have performed a self-review of my own code

[vercel]

@Hat52 is attempting to deploy a commit to a Personal Account owned by @reactplay on Vercel.

@reactplay first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
react-play	✅ Ready (Inspect)	Visit Preview	Oct 28, 2022 at 3:05AM (UTC)

[Hat52]

@Sachin-chaurasiya I have resolved the issues that you have raised.

[Sachin-chaurasiya]

@Hat52 , The Preview image is not loading can you check?

[Hat52]

@Sachin-chaurasiya how can I add a preview I have tried to add a cover.png file at the root of my play but it is still not showing.

[Sachin-chaurasiya]

@Sachin-chaurasiya how can I add a preview I have tried to add a cover.png file at the root of my play but it is still not showing.

@Hat52 , please see the Play structure here
https://github.com/reactplay/react-play/blob/main/src/plays/clock

[Hat52]

@Sachin-chaurasiya how can I add a preview I have tried to add a cover.png file at the root of my play but it is still not showing.

@Hat52 , please see the Play structure here https://github.com/reactplay/react-play/blob/main/src/plays/clock

I have followed the same structure for preview image but it is still not showing.

[Sachin-chaurasiya]

@Sachin-chaurasiya how can I add a preview I have tried to add a cover.png file at the root of my play but it is still not showing.

@Hat52 , please see the Play structure here https://github.com/reactplay/react-play/blob/main/src/plays/clock

I have followed the same structure for preview image but it is still not showing.

@Hat52 , Let's add the cover image and push the change, and then I will have a look.

[Hat52]

@Sachin-chaurasiya I have added the cover image

[Sachin-chaurasiya]

@Hat52 , Now preview image is visible, you can check here https://react-play-knusnj94h-reactplayio.vercel.app/

[Hat52]

@Sachin-chaurasiya yeah I have noticed that.

[atapas]

@Hat52 Please add a unique class name infront of your all the styles. It will reduce any chances of style conflicts.

[Hat52]

@Hat52 Please add a unique class name infront of your all the styles. It will reduce any chances of style conflicts.

@atapas Done

[atapas]

@Hat52 Thanks for making the changes. The images are oversized. Please make them within 100KBs

[Hat52]

@Hat52 Thanks for making the changes. The images are oversized. Please make them within 100KBs

@atapas Each image should be less the 100KBs?

[atapas]

Looks Good