Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/t4rm/arasaka
Arasaka Online, a cutting-edge website inspired by the megacorporation Arasaka from the Cyberpunk universe.
https://github.com/t4rm/arasaka
arasaka css cyberpunk gsap html js react web
Last synced: 9 days ago
JSON representation
Arasaka Online, a cutting-edge website inspired by the megacorporation Arasaka from the Cyberpunk universe.
- Host: GitHub
- URL: https://github.com/t4rm/arasaka
- Owner: t4rm
- Created: 2024-01-08T23:34:35.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-03-12T15:29:55.000Z (8 months ago)
- Last Synced: 2024-03-12T16:45:32.324Z (8 months ago)
- Topics: arasaka, css, cyberpunk, gsap, html, js, react, web
- Language: JavaScript
- Homepage: https://arasaka.mechkenetarek.com
- Size: 47.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Arasaka Online
Welcome to Arasaka Online, a cutting-edge website inspired by the iconic Cyberpunk universe. Immerse yourself in the dystopian world of Arasaka Corporation, where high-tech meets ruthless power dynamics.
Visit the website »
View Demo
·
Report Bug
·
Request Feature
Table of Contents
## About The Project
[![Arasaka Online Screen Shot][product-screenshot]](https://arasaka.mechkenetarek.com)
The development of Arasaka Online was a rewarding experience for me, as it provided an opportunity to sharpen my skills in GSAP, React, jQuery, HTML, and CSS, pushing the boundaries of my knowledge in web development.
Immerse yourself in a futuristic online experience, where cutting-edge technology meets cyberpunk aesthetics, offering a dynamic blend of interactive content, for the ultimate cyberpunk enthusiast.
### Built With
* [![React][React.js]][React-url]
* [![JQuery][JQuery.com]][JQuery-url]
* [![GSAP][GSAP-3.0.0]][GSAP-url]
* ![Html][Html5]
* ![Css][Css3]
## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites
* npm
```sh
npm install npm@latest -g
```
### Installation
1. Clone the repo
```sh
git clone https://github.com/t4rm/arasaka.git
```
2. Install NPM packages
```sh
npm install
```
3. Run the project
```js
npm run start;
```
4. Optionally build it :
```js
npm run build
```
## Demo
Videos
WIP
Images
WIP
_Give a try to the live [website](https://arasaka.mechkenetarek.com)_
## 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**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
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.txt` for more information.
## Contact
Mechkene Tarek - [email protected]
[contributors-shield]: https://img.shields.io/github/contributors/t4rm/arasaka.svg?style=for-the-badge
[contributors-url]: https://github.com/t4rm/arasaka/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/t4rm/arasaka.svg?style=for-the-badge
[forks-url]: https://github.com/t4rm/arasaka/network/members
[stars-shield]: https://img.shields.io/github/stars/t4rm/arasaka.svg?style=for-the-badge
[stars-url]: https://github.com/t4rm/arasaka/stargazers
[issues-shield]: https://img.shields.io/github/issues/t4rm/arasaka.svg?style=for-the-badge
[issues-url]: https://github.com/t4rm/arasaka/issues
[license-shield]: https://img.shields.io/github/license/t4rm/arasaka.svg?style=for-the-badge
[license-url]: https://github.com/t4rm/arasaka/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/tareek
[product-screenshot]: public/assets/images/website-gif.gif
[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://reactjs.org/
[GSAP-3.0.0]: https://img.shields.io/badge/GSAP-green?style=for-the-badge&logo=greensock&logoColor=black
[GSAP-url]: https://gsap.com/
[JQuery.com]: https://img.shields.io/badge/jQuery-0769AD?style=for-the-badge&logo=jquery&logoColor=white
[JQuery-url]: https://jquery.com
[Html5]: https://img.shields.io/badge/HTML-239120?style=for-the-badge&logo=html5&logoColor=white
[Css3]: https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white