Skip to content

Rahul-Sahani04/porsche-911-landing-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Porsche Showcase App

Overview

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
    npm install npm@latest -g

Installation

  1. Clone the repo
    git clone https://github.com/Rahul-Sahani04/porsche-911-landing-page.git
  2. Install NPM packages
    npm install

Usage

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.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Rahul Sahani - me.rsahani@gmail.com

Project Link: Rahul-Sahani04/porsche-911-landing-page