The Porsche Showcase App is a dynamic web application designed to highlight the features and allure of the new 911 GT3 RS. It utilizes modern web technologies to create an engaging user experience that emphasizes the Porsche brand and its flagship model. The application showcases the car through stunning visuals, animations, and detailed information, pushing the limits of web presentation.
Features
Dynamic Header: A captivating header with the Porsche logo and a tagline that sets the stage for the 911 GT3 RS showcase. Scroll Triggered Animations: Utilize the motion.div component from Framer Motion to animate elements based on scroll position, enhancing user engagement. Responsive Design: Ensures a seamless viewing experience across various devices and screen sizes. Interactive Elements: Animated components that respond to user interactions, providing a dynamic way to explore the features of the 911 GT3 RS.
Technologies Used
React: A JavaScript library for building user interfaces. Framer Motion: A powerful animation library for React that makes it simple to create complex animations. CSS: For styling and animations.
Getting Started
To get a local copy up and running follow these simple steps.
Prerequisites
npm install npm@latest gInstallation
- Clone the repo
git clone https://github.com/RahulSahani04/porsche911landingpage.git- Install NPM packages
npm installUsage
After installation, you can run the app locally:
npm startThis will start the app in development mode. Open http://localhost:3000 to view it in the browser.
Contributing
Contributions are what make the opensource community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (git checkout b feature/AmazingFeature)
- Commit your Changes (git commit m 'Add some AmazingFeature')
- Push to the Branch (git push origin feature/AmazingFeature)
- Open a Pull Request
License
Distributed under the MIT License. See LICENSE for more information.
Contact
Your Name - Rahul Sahani - me.rsahani@gmail.com
Project Link: Rahul-Sahani04/porsche-911-landing-page