Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rahul-sahani04/porsche-911-landing-page
https://github.com/rahul-sahani04/porsche-911-landing-page
bun framer framer-motion porsche react reactjs sports-car website
Last synced: about 7 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/rahul-sahani04/porsche-911-landing-page
- Owner: Rahul-Sahani04
- Created: 2024-07-20T15:43:27.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-08-06T08:36:58.000Z (3 months ago)
- Last Synced: 2024-08-06T10:34:50.939Z (3 months ago)
- Topics: bun, framer, framer-motion, porsche, react, reactjs, sports-car, website
- Language: JavaScript
- Homepage: https://rsahani.me/porsche-911-landing-page/
- Size: 5.72 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
```sh
npm install npm@latest -g
```
### Installation
1. Clone the repo
```sh
git clone https://github.com/Rahul-Sahani04/porsche-911-landing-page.git
```
2. Install NPM packages
```sh
npm install
```
## Usage
After installation, you can run the app locally:
```sh
npm start
```
This will start the app in development mode. Open [http://localhost:3000](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](https://github.com/Rahul-Sahani04/) - [email protected]
Project Link: [Rahul-Sahani04/porsche-911-landing-page](https://github.com/Rahul-Sahani04/porsche-911-landing-page)