[CR]: Working Clock

[FabDonRixos]

Category

Complex

Inspiration

Time

Description

I would like to have a working analog clock with 3 hands that ticks in the right time delation.

Are there any possible issues with the idea

Getting the current time in css only might be difficult/impossible so i would suggest to just define an exact time and the clock will tick from there.

TODO's

• The component hasn't been suggested / isn't already implemented yet.
• The title is clear and descriptive.
• The component is properly described.
• The Component has good tags.

Code of Conduct

• I agree to follow the Code of Conduct

Feedback on Process

No response

[duyb2111918]

hey @FabDonRixos can you assign me this issue? I want to try it out.

[FabDonRixos]

@duyb2111918 Sure, best of luck.

[FabDonRixos]

Hi @duyb2111918
I got a mail where you asked a question but i dont see it in github.
Maby you deleted it on porpouse or the system is weard but anyways, if you havent figured out yet:
Yes the point is to only use CSS/SCSS for the component and everything you need for the contribution should be written under Contributing to Awesome-Arts inside the ReadMe.md

[duyb2111918]

Hi @duyb2111918 I got a mail where you asked a question but i dont see it in github. Maby you deleted it on porpouse or the system is weard but anyways, if you havent figured out yet: Yes the point is to only use CSS/SCSS for the component and everything you need for the contribution should be written under Contributing to Awesome-Arts inside the ReadMe.md

Yes, actually I posted the question to the system but then I rechecked it and understood it so I removed it. Anyway thanks for your feedback on my question, I'm on my way to implementing it

[duyb2111918]

@FabDonRixos I have a question I created a working clock in the artwork folder using a template and now I had to create a component for it or not. Please help me to figure it out. I'm very sorry that there are many unknowns because this is the first time I have solved an issue.

[FabDonRixos]

@duyb2111918 No worry's you can't ask to many questions.
I'm not quite sure if I understood you question right, but you should create a folder named for example clock in there there should be a "Clock.tsx" and a "module.scss" and inside the tsx you shall import the scss and you have to create a new default export function component.

export default function Clock() {

return (
// your code
);
}

[duyb2111918]

@duyb2111918 No worry's you can't ask to many questions. I'm not quite sure if I understood you question right, but you should create a folder named for example clock in there there should be a "Clock.tsx" and a "module.scss" and inside the tsx you shall import the scss and you have to create a new default export function component.

export default function Clock() {

return ( // your code ); }

Thank you for replying! Yes, I already done it but i wondering that in folder components of src folder do i had to create or do anything on it?

[FabDonRixos]

@duyb2111918 Oh Great, thanks for your feedback, indeed this could be misunderstanding and I will have to adjust this.
And to you question no in the components folder you shall not do anything for a new component, the folder artwork is for all components and the components folder is for all components used to make the overall website.
Sorry for the confusion.