Create Online Bus Ticket Booking Website | React & Tailwind CSS

Поделиться
HTML-код
  • Опубликовано: 12 дек 2024

Комментарии • 25

  • @g-techofficial
    @g-techofficial  4 месяца назад +1

    ** ATTENTION**
    Everyone, don't forgot to insert "hero" on the Hero.jsx or paste this code. 👇
    👉 className='w-full h-[calc(100vh-8ch)] lg:ps-28 md:ps-16 sm:ps-7 ps-4 mt-[8ch] flex items-center justify-center flex-col hero relative'
    here is the css code.👇
    /* Hero Background image */
    .hero{
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.05)), url("./assets/bg1.jpg");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    }
    Hope this will load img properly on your site. Please follow the instruction mentioned above. 👆
    Thank you 🙏

  • @yantech.4249
    @yantech.4249 Месяц назад

    Wow this is amazing. Can add the following feature
    - Backend
    - Payment method
    - Ticket printing
    - Purchase history

    • @g-techofficial
      @g-techofficial  Месяц назад

      Hello there,
      Please DM US on Instagram for more projects discussion.

  • @tofikbagwan3978
    @tofikbagwan3978 2 месяца назад +4

    please provide the all source code with bus details..? (Backend)

    • @g-techofficial
      @g-techofficial  2 месяца назад

      If you want a full stack, please DM us on Instagram. We will discuss there.

  • @yarudaivanga903
    @yarudaivanga903 11 дней назад

    Dear sir pls help me to create a backend in php for this project

  • @EyobedBirhanuPaulos
    @EyobedBirhanuPaulos 5 месяцев назад +1

    Hi dear, it only shows nav bars and blank page. Please may you guide me to do the home page and other components please?

    • @g-techofficial
      @g-techofficial  5 месяцев назад

      Download or clone the starter template from GitHub (link in desc.)
      watch video clearly, specially project setup part,
      if same error occured, then DM us on Instagram or WhatsApp, Team will help you to solve that errors.
      Is that okay?

  • @mahendran3892
    @mahendran3892 4 месяца назад +1

    hi the hero page background image doesn't show what is the problem but i implement a correct way

    • @g-techofficial
      @g-techofficial  4 месяца назад

      Hope you define the perfect img path "./assets/hero.png" or insert "hero" class name. If not work, please DM us on Instagram. We will help you there to resolve this that problem.
      here is the code try it by pasting on css file.
      /* Hero Background image */
      .hero{
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.05)), url("./assets/bg1.jpg");
      background-size: cover;
      background-position: center bottom;
      background-repeat: no-repeat;
      }

    • @mahendran3892
      @mahendran3892 4 месяца назад

      @@g-techofficial thankyou

  • @Kzen-y3f
    @Kzen-y3f 18 дней назад

    Hello, may i ask what language did you use here? And is it possible to add database for this.. I'm still cofuse about the language

    • @g-techofficial
      @g-techofficial  18 дней назад

      Hello there,
      The Online bus ticket booking website is developed using React js and Tailwind CSS with the help of Vite js. For more discussion, DM us on Instagram or Whatsapp.
      Thank you

  • @mahendran3892
    @mahendran3892 4 месяца назад +1

    Hi bro the seat setting layout (wheelsteering) was not showing then seats also overall project was successfully running how to solve the problem

    • @g-techofficial
      @g-techofficial  2 месяца назад

      Thanks for the comment,
      Please DM us on Instagram. Our team will help to solve your problems.

    • @CodingWork-p1g
      @CodingWork-p1g 2 месяца назад

      did u have source code

  • @alainwebcreator
    @alainwebcreator 3 месяца назад +1

    it is possible to insert a flutterwave payment on this code ?

    • @g-techofficial
      @g-techofficial  2 месяца назад

      May be that's possible, but we have no idea about flutterwave.

  • @MopaoLawo
    @MopaoLawo 4 месяца назад +2

    very nice video, backend please
    🙏

    • @g-techofficial
      @g-techofficial  2 месяца назад

      If you want a full stack code, Please DM us on Instagram. We will discuss there.

  • @ilahi66kodcu
    @ilahi66kodcu 6 месяцев назад +1

    I did it all the time but the picture doesn't appear on me why?

    • @g-techofficial
      @g-techofficial  6 месяцев назад

      Please check the img path,
      Example.....
      import BusImg from "../../assets/imgname.png";