background-shape

Case 4: Products or Services Landing Page

RentAcar is a responsive landing page sample created by typescript and tailwind css

Client

Yuxian Xu

Service

Small business, Landing Page

Date

September 12, 2021

Challenge

This project combined typescript and tailwind css that was new for me.

Solution

I didn't start before practicing with typescript's tutorial video. Then I made it in two days and deployed it on vercel.

case-details

rentAcar

RentAcar is a responsive landing page sample, which was created by typescript and tailwind css.

Live Demo

rentAcar

Technologies and Skills

  • Typescript
  • React.js
  • Tailwind css
  • Responsive design
  • React-carousel
  • React Hooks
  • Scroll up button
  • Deployment: Deploy web applications on servers like Vercel

Homepage

Homepage

Features

  • About us

  • Services

  • Top Cars

  • Book Steps

  • Contact Info

More Screenshots


Mobile view

Mobile view


Book date card

Book now


Booking Steps

Booking Steps


About Us

About us


Top Cars

Top Cars


Footer


Getting Started

  • clone this repo
  • npm i
  • npm start

Open http://localhost:3000 with your browser to see the result


Live Demo

rentAcar

More

This project is an exercise followed the CoderOne’s Youtube channel and modified by Yuxian Xu