Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/prajjwaldatir/threejs-poemdrop


https://github.com/prajjwaldatir/threejs-poemdrop

javascript threejs vercel webdevelopment

Last synced: 28 days ago
JSON representation

Awesome Lists containing this project

README

        

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2FPrajjwalDatir%2FthreeJS-PoemDrop&project-name=prajjwal-threejs-poem-drop&repo-name=prajjwal-threejs-poem-drop)

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]

[![Issues][issues-shield]][issues-url]
[![Mozilla Public License 2.0][license-shield]][license-url]





Logo

ThreeJS Drop Poem


This is just a Fun Project by Me, using ThreeJS!


Explore the docs »




View Demo
·
Report Bug
·
Request Feature

Table of Contents



  1. About The Project



  2. Getting Started


  3. Usage

  4. Contributing

  5. License

  6. Contact

## About The Project

![product-screenshot](./readmeGif2.gif)

This is a Fun Project made by me using ThreeJS.
The purpose of this site is to showcase one of my Poem named **DROP**

### Built With

Project stack is fairly simple and ThreeJS is the only major framework used.
* [ThreeJS](https://developer.mozilla.org/en-US/docs/Glossary/Three_js)
* [HTML](https://developer.mozilla.org/en-US/docs/Glossary/HTML)
* [CSS](https://developer.mozilla.org/en-US/docs/Web/API/CSS)
* [JAVASCRIPT](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

## Getting Started

- You can refer to this video to get started with ThreeJS.
https://www.youtube.com/watch?v=Q7AOvWpIVHU

- Also refer to documentation at
https://threejs.org/docs/

### Prerequisites

To run this project,
You only need npm, git installed on your PC.

You can install npm via:
* npm
```sh
npm install npm@latest -g
```

### Installation

1. Clone the repo
```sh
git clone https://github.com/PrajjwalDatir/threeJS-PoemDrop.git
```
3. Install NPM packages
```sh
cd threeJS-PoemDrop
npm install
```
4. To run the Application
```sh
npm run dev
```

## Usage

this Poem belongs to me & should only be used as per the Licence

https://github.com/PrajjwalDatir/threeJS-PoemDrop/blob/main/LICENSE

## Contributing

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

See the [open issues](https://github.com/PrajjwalDatir/threeJS-PoemDrop/issues) for a list of proposed features (and known issues) to work on.

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 Mozilla Public License 2.0.

See `LICENSE` for more information.

## Contact

[![LinkedIn][linkedin-shield]][linkedin-url]
[![Twitter][twitter-shield]][twitter-url]

Project Link: [https://github.com/PrajjwalDatir/threeJS-PoemDrop](https://github.com/PrajjwalDatir/threeJS-PoemDrop)

[contributors-shield]: https://img.shields.io/github/contributors/PrajjwalDatir/threeJS-PoemDrop.svg?style=for-the-badge
[contributors-url]: https://github.com/PrajjwalDatir/threeJS-PoemDrop/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/PrajjwalDatir/threeJS-PoemDrop.svg?style=for-the-badge
[forks-url]: https://github.com/PrajjwalDatir/threeJS-PoemDrop/network/members
[stars-shield]: https://img.shields.io/github/stars/PrajjwalDatir/threeJS-PoemDrop.svg?style=for-the-badge
[stars-url]: https://github.com/PrajjwalDatir/threeJS-PoemDrop/stargazers
[issues-shield]: https://img.shields.io/github/issues/PrajjwalDatir/threeJS-PoemDrop.svg?style=for-the-badge
[issues-url]: https://github.com/PrajjwalDatir/threeJS-PoemDrop/issues
[license-shield]: https://img.shields.io/github/license/PrajjwalDatir/threeJS-PoemDrop.svg?style=for-the-badge
[license-url]: https://github.com/PrajjwalDatir/threeJS-PoemDrop/blob/main/LICENSE
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/datir/
[twitter-shield]: https://img.shields.io/badge/-Twitter-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[twitter-url]: https://twitter.com/prajjwal_datir