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.
- 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.
- 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.
To get a local copy up and running follow these simple steps.
- npm
npm install npm@latest -g
- Clone the repo
git clone https://github.com/Rahul-Sahani04/porsche-911-landing-page.git
- Install NPM packages
npm install
After installation, you can run the app locally:
npm start
This will start the app in development mode. Open http://localhost:3000 to view it in the browser.
Contributions are what make the open-source 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
Distributed under the MIT License. See LICENSE
for more information.
Rahul Sahani - me.rsahani@gmail.com
Project Link: Rahul-Sahani04/porsche-911-landing-page