Nike landing page with Tailwind CSS

Build a Beautiful Landing page for a Shoe website using Tailwind CSS, ReactJS and Vite.

Table of contents

• Overview
  • Screenshot
  • Links
  • Built with
  • What I learned
  • Continued development
• Author

Overview

• Developed a Nike Shoe website Landing page using ReactJS , ReactJS templates , Tailwind CSS and Vite.
• Used Tailwind CSS as a CSS framework to write complex and Modern CSS with ease.
• Integrated Tailwind CSS with ReactJS to make industry oriented approach for website development.
• Managed the whole development using Vite which helped to create a basic template using ReactJS.

Screenshot

Links

• Solution URL: Solution on Github
• Live Site URL: Live site

Built with

• Semantic HTML5 markup
• Used modern HTML5 elements such as Main and Aside instead of generic Div
• Tailwind CSS as a CSS framework
• ReactJS for using reusable components
• Vite for making development easier

What I learned

• Developed a full landing page using Tailwind CSS and applied the concepts of Tailwind CSS.
• Integrated Tailwind CSS with ReactJS for industry level approach to website development.

Continued development

• Developing skills to write more Fluent Tailwind and ReactJS code.
• To make individual Shoe page that displays each shoe description.
• Make a Add to cart option to add products to the cart alongwith the paymnet integration.
• Make a responsive navbar.

Author

• Github - Prayag Tandon
• LinkedIn- @PrayagTandon

Design inspiration from @JavaScriptmastery Youtube channel.