Ridex is a modern web application for car leasing, built with React, TypeScript, and Vite. It provides an easy way to find and lease cars in New York, New Jersey, and Connecticut.
- Hero Section: Engaging landing page with animated video background and search form
- Car Listings: Browse featured cars with detailed specifications
- About Us: Learn about the company and services
- Blog: Stay updated with the latest news and tips
- Responsive Design: Fully responsive layout that works on all devices
- Smooth Animations: Powered by Framer Motion for a polished user experience
- Frontend: React 18 with TypeScript
- Build Tool: Vite
- Styling: CSS with responsive design
- Animations: Framer Motion
- Icons: Custom icon set
- Node.js (version 16 or higher)
- npm or yarn
-
Clone the repository:
git clone https://github.com/AlizayAyesha/Ridex-.git cd Ridex- -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and navigate to
http://localhost:5173
src/
├── components/ # React components
│ ├── Header.tsx # Navigation header
│ ├── Hero.tsx # Hero section with search form
│ ├── AboutUs.tsx # About section
│ ├── FeaturedCars.tsx # Car listings
│ ├── GetStarted.tsx # Getting started guide
│ ├── Blog.tsx # Blog posts
│ └── Footer.tsx # Site footer
├── data.ts # Static data for cars, blog posts, etc.
├── types.ts # TypeScript type definitions
├── App.tsx # Main app component
├── main.tsx # App entry point
└── index.css # Global styles
npm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run lint- Run ESLint
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
For questions or support, please open an issue on GitHub.