Skip to content

This web application showcases a dynamic and interactive 3D environment where users can explore various car models using React Three Fiber and Three.js. The project aims to provide an engaging user experience with modern web technologies.

Notifications You must be signed in to change notification settings

Aanyaa26/Three.js-landing-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

3D Car Show

Welcome to the 3D Car Show project! This web application showcases a dynamic and interactive 3D environment where users can explore various car models using React Three Fiber and Three.js. The project aims to provide an engaging user experience with modern web technologies.

Table of Contents

Demo

View the Live Demo

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Three.js: A 3D library that makes WebGL easier.
  • React Three Fiber: A React renderer for Three.js, allowing for a declarative way to work with 3D graphics.
  • Vercel: Platform for deploying frontend applications seamlessly.

Features

  • Interactive 3D car models that users can rotate and zoom into.
  • Responsive design for seamless use on various devices.
  • Easy navigation and user-friendly interface.

Getting Started

To run this project locally, follow these steps:

Prerequisites

  • Node.js (version 14 or higher)
  • npm or Yarn

Installation

  1. Clone the repository:

    git clone https://github.com/Aanyaa26/Three.js-landing-page.git
    cd Three.js-landing-page
  2. Install the dependencies:

    npm install

    or

    yarn install
  3. Start the development server:

    npm start

    or

    yarn start
  4. Open your browser and navigate to http://localhost:3000 to view the application.

Deployment

This project is deployed on Vercel. You can view the live application at this link.

Contributing

Contributions are welcome! If you have suggestions for improvements or want to report bugs, feel free to open an issue or submit a pull request.

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature/YourFeature
  3. Make your changes and commit them:
    git commit -m "Add some feature"
  4. Push to the branch:
    git push origin feature/YourFeature
  5. Open a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgements

  • Thank you to the creators of Three.js and React Three Fiber for their amazing work that made this project possible.
  • Special thanks to Gauransh Goel and Sujal Gupta for their guidance and support throughout the development process.

About

This web application showcases a dynamic and interactive 3D environment where users can explore various car models using React Three Fiber and Three.js. The project aims to provide an engaging user experience with modern web technologies.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published