cinesimile icon indicating copy to clipboard operation
cinesimile copied to clipboard

Add IBM Carbon Design System to CineSimile

Open Niweera opened this issue 4 years ago • 18 comments

IBM Carbon Design System is an open-source design system for products and digital experiences. To provide a higher user experience we thought to use this within our application.

IBM Carbon Design System for React is going to be used in CineSimile.

Niweera avatar Sep 24 '20 19:09 Niweera

Hii @Niweera i want to contribute into this can i help into this

utkarsh4321 avatar Sep 25 '20 06:09 utkarsh4321

Sure @utkarsh4321 you can help with this. Currently, I'm working on adding the basics of the Carbon Design System. I'll let you know once I'm done. You can carry on from that point onwards.

Thanks for taking an interest in our project. Have a nice day. 😇

Niweera avatar Sep 25 '20 06:09 Niweera

To learn about setting up IBM Carbon Design System for a React application, please refer to the following resources.

  1. https://www.carbondesignsystem.com/developing/react-tutorial/overview/
  2. https://www.carbondesignsystem.com/developing/get-started
  3. https://github.com/carbon-design-system/carbon-tutorial
  4. https://react.carbondesignsystem.com/

Niweera avatar Sep 25 '20 07:09 Niweera

Ok thanks

On Fri 25 Sep, 2020, 1:02 PM Nipuna Weerasekara, [email protected] wrote:

To learn about setting up IBM Carbon Design System https://www.carbondesignsystem.com/ for a React application, please refer to the following resources.

https://www.carbondesignsystem.com/developing/react-tutorial/overview/ 2. https://www.carbondesignsystem.com/developing/get-started 3. https://github.com/carbon-design-system/carbon-tutorial 4. https://react.carbondesignsystem.com/

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/Niweera/cinesimile/issues/2#issuecomment-698772730, or unsubscribe https://github.com/notifications/unsubscribe-auth/AHMA4H5ZY4DB4NI74IAMCJTSHRBPLANCNFSM4RYV3AOQ .

utkarsh4321 avatar Sep 25 '20 10:09 utkarsh4321

Hi @utkarsh4321,

We have initially set up the Carbon Design system for React for CineSimile application. Now you can fork this repository and you can add a footer to this application. You can use your imagination to design the footer. However, the specification for the footer has to be a sticky footer. If you are willing to contribute to this, please let us know and we will assign you to this issue. Happy Hacktoberfest. 😇

Niweera avatar Sep 25 '20 19:09 Niweera

I will let you know once I will look into it.

On Sat 26 Sep, 2020, 1:23 AM Nipuna Weerasekara, [email protected] wrote:

Hi @utkarsh4321 https://github.com/utkarsh4321,

We have initially set up the Carbon Design system for React for CineSimile application. Now you can fork this repository and you can add a footer to this application. You can use your imagination to design the footer. However, the specification for the footer has to be a sticky footer https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook/Sticky_footers. If you are willing to contribute to this, please let us know and we will assign you to this issue. Happy Hacktoberfest. 😇

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/Niweera/cinesimile/issues/2#issuecomment-699123778, or unsubscribe https://github.com/notifications/unsubscribe-auth/AHMA4H5O3BQD5ANUJKGUMFTSHTYKFANCNFSM4RYV3AOQ .

utkarsh4321 avatar Sep 25 '20 23:09 utkarsh4321

Hii you give any design that you prefer so I will get some idea about what you really want. And start working on it.

utkarsh4321 avatar Sep 26 '20 00:09 utkarsh4321

@utkarsh4321, Actually we just need a sticky footer, we don't need any contents inside the footer expect the brand name CineSimile. You can check how a sticky footer is done. If you go to the site https://simile.znbt.ml you can see the current state of CineSimile. So you can get the idea what to do next. Our application has a header and body and now we need a footer. If you need any more information, please let us know.

Niweera avatar Sep 26 '20 02:09 Niweera

ok

utkarsh4321 avatar Sep 26 '20 04:09 utkarsh4321

Hi @utkarsh4321,

I have created a new issue on creating separate components for CineSimile homepage. If you would like to contribute to developing a footer please mention that in the comments of the issue and I will assign you to that task. Thanks in advance 😇.

Niweera avatar Sep 27 '20 05:09 Niweera

yes please assign me footer i will do it.

utkarsh4321 avatar Sep 27 '20 12:09 utkarsh4321

@utkarsh4321, sure I'll assign you to it.

Niweera avatar Sep 27 '20 12:09 Niweera

Hii @Niweera if you can help me a little bit. I wanna work on search box part.

utkarsh4321 avatar Sep 29 '20 06:09 utkarsh4321

@utkarsh4321 sure I'll help you. I'm afk right now. I'll check with you once I get the chance.

Niweera avatar Sep 29 '20 07:09 Niweera

sure

utkarsh4321 avatar Sep 29 '20 13:09 utkarsh4321

Hi @Niweera is there any thing remain in that i can work.

utkarsh4321 avatar Oct 01 '20 14:10 utkarsh4321

Hi, @utkarsh4321 let's add some test cases in Cypress. I'll mention you in the relevant issue.

Niweera avatar Oct 01 '20 14:10 Niweera

Hii @Niweera is there anything remain related to the development so I can do it.

utkarsh4321 avatar Oct 15 '20 16:10 utkarsh4321