TreeDFolio

TreeDFolio

This portfolio is a conclusion of my study about 3d Rendering and animations with NextJS

TreeDFolio

Preview

🚀 🟪 TreeDFolio 🟪 🚀

This application is a conclusion of my study about 3D Rendering and animations with NextJS.

| Overview | Technologies | Project | Run | Author |
GitHub Instagram LinkedIn

About:

In this project, the target is to build a website that explores real-time 3D rendering and 3D effects using NextJS, improving all tech skills related to website animations.

For this, I built a Dev Portfolio website, which can be used as a template to apply all features, visual designs, and animations.

📡 Hosted on Vercel: TreeDFolio

Technologies and Concepts Studied:

  • NextJS
  • Three
  • NextJS
  • TailwindCSS
  • Typescript
  • Docker
  • EmailJS
  • Framer Motion
  • eslint
  • Prettier
  • husky
  • lint-staged

Application:

This Portfolio showcases a developer's highlights, social media, and projects with a call to action at the end of the page. It includes animations like parallax, drawn effects, fade-ins, and more.

*Remember this software runs on free machines, with limited resources in production environments. These are the results obtained under these constraints.

Results

How to use:

Clone this repository and run:

$ git clone "git@github.com:Samuel-Ricardo/TreeDFolio.git"

Navigate to the project folder and use Docker Compose:

$ cd ./treedfolio/
$ docker-compose up --build

Access the app at http://localhost:3000

Author:

Author

Samuel Ricardo