~Get Your Files Here !

  1. Introduction

   1. Overview of the design system.srt

   2. Overview of the starters template.srt

   3. Useful VSCode Extensions.srt

   4. Introduction to TailwindCSS.srt

   5. Introduction to TypeScript.srt

  10. Create the Navigation components

   1. Assignment Navigation.srt

   2. Solution Navigation.srt

  11. Create the RentalCard component

   1. Assignment RentalCard.srt

   2. Solution RentalCard.srt

  12. Sample project

   1. Introduction.srt

   2. Build component library and use in MyTravelApp.srt

   3. Tailwind Configuration in MyTravelApp.srt

   4. Resolving Invalid Hook Call using yarn link reactreact-dom.srt

   6. Final solution tappui & mytravelapp.mp4

   7. Deploy MyTravelApp To Netlify.mp4

   mytravelapp-solution

    craco.config.js

    gitignore

    postcss.config.js

    public

     android-chrome-512x512.png

     browserconfig.xml

     favicon-32x32.png

     images

      marker-icon-2x-green.png

      marker-icon-green.png

     logo192.png

     manifest.json

     robots.txt

    src

     components

      RentalMap.tsx

     hooks

     index.css

     react-app-env.d.ts

     setupTests.js

    tsconfig.json

    vscode

    yarn.lock

   tailwind-storybook-solution

    README.md

    example

     index.tsx

     package.json

    package.json

    prettierrc.json

    src

     @interfaces

      NavItem.d.tsx

      Rental.d.tsx

     Badge.tsx

     ButtonGroup.tsx

     Paginate.tsx

     Select.tsx

     Typography.tsx

     data

      countries.tsx

      figma.tsx

      images

       de.svg

       fr.svg

       it.svg

       nl.svg

       rental1.png

       ru.svg

      index.tsx

      options.tsx

      rentals.tsx

     helpers

     nav

      NavItem.tsx

      SubNavItem.tsx

     styles

      tailwind.css

    stories

     Button.stories.tsx

     Colors.stories.tsx

     Paginate.stories.tsx

     Select.stories.tsx

     StoryLayout.tsx

     Typography.stories.tsx

    storybook

     preview.js

    tailwind.config.js

    test

    tsconfig.json

    yarn.lock

  2. Create the ColorBox component

   1. Assignment ColorBox.srt

   2. Solution ColorBox.srt

  3. Create the Typography component

   1. Assignment Typography.srt

   2. Solution Typography.srt

  4. Create the ButtonGroup component

   1. Assignment Creating the ButtonGroup component.srt

   2. Solution for the ButtonGroup component.srt

   3. Solution with generic interface.srt

  5. Create the Pagination component

   1. Assignment Creating the pagination component using react-headless-pagination.srt

   2. Solution for mobile pagination.srt

   3. Solution for desktop pagination.srt

  6. Create the Badge component

   1. Assignment Creating the Badge component.srt

   2. Solution for the Badge component.srt

  7. Create the Button component

   1. Assignment Creating the Button component.srt

   2. Solution for the Button component.srt

  8. Create the Select component

   1. Assignment Select.srt

   2. Solution Select.srt

  9. Create the TextInput Component

   1. Assignment TextInput.srt

   2. Solution TextInput.srt