T2: Home Page

[Kerimcanak]

• Figma Designs: Figma-Ecommerce-UI-Kit-(Demo-Version)-(Community)
• Use only Flex Layout
• Use only Tailwind classes, no custom classes allowed!
  • Check Customizing Theme and Arbitrary values on Tailwind
  • Check @apply directive usage on Tailwind
  • Check Tailwind responsive solution:

Tailwind is Mobile First in default. If you want to convert to Desktop first, you may follow this documentation: Tailwind switch breakpoints min to max responsive solution: NOT RECOMMENDED

Follow Mobile First approach

• [x] Create Layout Components like:

  • [x] Header NOTE! There should be only ONE HEADER COMPONENT and ONE MENU for all pages, no color changes needed!
  • [x] PageContent (PageContent means a layout container that holds page components and routing definitions)
  • [x] Footer

• [x] Create Home Page Component Mobile View (Mobile First approach)

• [x] Create Home Page Component Desktop View

• [x] Create repetitive Components like: ProductCard

• [x] Slider component

  • [x] Find a slider component can be used in React JS
  • [x] Implement it to Home Page

• [x] Activate React Router and Links for Home Page

• [x] Use an Icon Library like: FontAwesome (CDN is recommended)

Your folder tree should be like

src/
   components/
       ProductCard.js
   layout/
       Header.js
       PageContent.js
       Footer.js
   pages/
       HomePage.js
       ...

[Kerimcanak]

Currently implementing a prototype-first approach to the development meaning I will first develop components and test them then I will compile them in the final product so this should not be judged as the final product.

[Kerimcanak]

Allons! the road is before us! It is safe—I have tried it—my own feet have tried it well—be not detain’d!

Let the paper remain on the desk unwritten, and the book on the shelf unopen’d! Let the tools remain in the workshop! let the money remain unearn’d! Let the school stand! mind not the cry of the teacher! Let the preacher preach in his pulpit! let the lawyer plead in the court, and the judge expound the law.

Camerado, I give you my hand! I give you my love more precious than money, I give you myself before preaching or law; Will you give me yourself? will you come travel with me? Shall we stick by each other as long as we live?

-Walt Whitman