https://github.com/bacdong/my-profile-3d-website

My profile introduction using ThreeJS and Angular to build 3D Scroll Website
https://github.com/bacdong/my-profile-3d-website

3d angular firebase firebase-hosting google google-analytics rxjs scrollmagic scss three-js

Last synced: 2 months ago
JSON representation

My profile introduction using ThreeJS and Angular to build 3D Scroll Website

• Host: GitHub
• URL: https://github.com/bacdong/my-profile-3d-website
• Owner: Bacdong
• Created: 2021-11-03T11:36:22.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-11-05T02:36:20.000Z (over 4 years ago)
• Last Synced: 2025-01-21T22:29:23.215Z (over 1 year ago)
• Topics: 3d, angular, firebase, firebase-hosting, google, google-analytics, rxjs, scrollmagic, scss, three-js
• Language: TypeScript
• Homepage: https://bacdong.tk/
• Size: 1.28 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
### Hi there, I'm Bacdongg  ###

![](https://komarev.com/ghpvc/?username=Bacdong&color=blueviolet&style=flat-square&label=Visitors)



  [![Website](https://img.shields.io/website?label=VLAUNCH.GROUP&style=for-the-badge&url=https%3A%2F%2Fvlaunch.group)](http://vlaunch.group/)

  [![Website](https://img.shields.io/website?label=LAVISDECOR.ART&style=for-the-badge&url=https%3A%2F%2Flavisdecor.art)](http://lavisdecor.art/)

  [![Twitter Follow](https://img.shields.io/twitter/follow/bacdongg?color=1DA1F2&logo=twitter&style=for-the-badge)](https://twitter.com/bacdongg)



## Enviroment ##

* [NodeJS](https://nodejs.org/) version 17.0.1

* [Angular CLI](https://github.com/angular/angular-cli) version 12.0.1

* [RxJS](https://rxjs.dev) version 6.6.7

* [ThreeJS](https://threejs.org/) version 0.128.0

* [Typescript](https://github.com/microsoft/TypeScript) version 4.2.4



  ![](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=Bacdong&theme=monokai)





  



#### Connect with me: ####



  

    

  

  

    

  

  

    

  

  

    

  



#### Techique skills: ####

- Programming Languages:  

  ![JavaScript](https://img.shields.io/badge/-JavaScript-333333?style=flat&logo=javascript)

  ![Typescript](https://img.shields.io/badge/-Typescript-333333?style=flat&logo=typescript)

  ![Dart](https://img.shields.io/badge/-Dart-333333?style=flat&logo=Dart&logoColor=0175C2)

- Frameworks:  

  ![Bootstrap](https://img.shields.io/badge/-Bootstrap-333333?style=flat&logo=bootstrap&logoColor=7952B3)

  ![Bootstrap](https://img.shields.io/badge/-Sass-333333?style=flat&logo=sass&logoColor=CC6699)

  ![NX](https://img.shields.io/badge/-NX-333333?style=flat&logo=nx&logoColor=007ACC)

  ![Angular](https://img.shields.io/badge/-Angular-333333?style=flat&logo=angular&logoColor=DD0031)

  ![ReactiveX](https://img.shields.io/badge/-ReactiveX-333333?style=flat&logo=reactivex&logoColor=B7178C)

  ![Material UI](https://img.shields.io/badge/-Angular%20Material%20UI-333333?style=flat&logo=material-ui&logoColor=yellow)

  ![Ant Design](https://img.shields.io/badge/-Ant%20Design-333333?style=flat&logo=ant-design&logoColor=0170FE)

  ![Kendo UI](https://img.shields.io/badge/-Kendo%20UI-333333?style=flat&logoColor=yellow&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAACkCAMAAAAua3VzAAACylBMVEVMaXFc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBc5QBeULtoAAAA7XRSTlMAgAIEmOsx8uAhAQUG+vX0/AP7/jMdovfO5weHChPmt+/2LkdrrfkWC5/cYDZ5F8vuOA743v0QgXqTHKzjFMjNUG6h8909EejtIBoeiC/J0w+0XL1bPOHMQAySGyXPUvHwVbwmOt9thmwZJ0vl7Fpe0NHKq9mbhWYJMhhBIg10K9Wc5L+L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)

  ![Flutter](https://img.shields.io/badge/-Flutter-333333?style=flat&logo=flutter&logoColor=007ACC)

- Operating Systems:   

  ![Linux](https://img.shields.io/badge/-Linux-333333?style=flat&logo=linux)

  ![MacOS](https://img.shields.io/badge/-MacOS-333333?style=flat&logo=macos)

---

  :zap: Recently Viewed Videos 

  

- [The Figma 2021 Crash Course by Example](https://www.youtube.com/watch?v=Gu1so3pz4bA&t=236s)

- [270+ Creative CSS & Javascript Animation & Hover Effects | Stunning CSS3 Effects 2020](https://www.youtube.com/watch?v=iZ9tuuZzY_g)

- [2021 Tech Trends & Predictions for Developers](https://www.youtube.com/watch?v=oHtR5YSPLjo)

- [5 Tips To Get A Job in Web Development: Career Advice](https://www.youtube.com/watch?v=eip8MnR-4Z8)

- [webpack Tutorial: devServer & Hot Module Replacement (Live Reload)](https://www.youtube.com/watch?v=yR25JoybTxo)

➡️ [More recently viewed videos...](https://youtube.com)

  :zap: Recently Read Blogs 

  

- [SCSS: @mixin and @include](https://sass-lang.com/documentation/at-rules/mixin)

- [50+ Best CSS Hover Effects](https://csspoint101.com/50-best-css-hover-effects-2020/)

- [Easy Lorem Ipsum Text Generator With Pure JavaScript – lorem-js](https://www.cssscript.com/easy-lorem-ipsum-text-generator-pure-javascript-lorem-js/)

➡️ [More recently read blogs...](https://vlaunch.com/blogs)

  :zap: GitHub Stats 

  


    

  


  :zap: Github Activities 

  

  


    

  


  :zap: Github Contributes 

  

  
 

    

      

     

  


![Snake animation](https://github.com/rafaballerini/rafaballerini/blob/output/github-contribution-grid-snake.svg)

[website]: https://vlaunch.group

[website]: https://lavisdecor.art

[twitter]: https://twitter.com/bacdongg

[instagram]: https://instagram.com/imnortheasthat

[linkedin]: https://www.linkedin.com/in/bacdongg/