Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/pradip19861/pradip_dolai_main_portfolio

This Next.js Creative Portfolio project guides you in building an advanced portfolio website using Next.js, Three.js, and Tailwind CSS. It includes interactive 3D models, dynamic animations, and enhanced UI/UX design. Follow along to create a stunning and functional portfolio that stands out!
https://github.com/pradip19861/pradip_dolai_main_portfolio

3d 3dmodel blog emailjs framer-motion markdown nextjs playground portfolio react sonner talwindcss webdevelopment

Last synced: 3 months ago
JSON representation

This Next.js Creative Portfolio project guides you in building an advanced portfolio website using Next.js, Three.js, and Tailwind CSS. It includes interactive 3D models, dynamic animations, and enhanced UI/UX design. Follow along to create a stunning and functional portfolio that stands out!

Awesome Lists containing this project

README

        

# Next.js Creative Portfolio Tutorial: Build Amazing Portfolio Website with Next.js, Three.js, and Tailwind CSS πŸ”₯

---
# ⭐DO NOT FORGET TO STAR THIS REPO⭐
---

## Resources Used in This Project

#### 3D Models

- ["Tim Mckee - Boy Wizard"](https://skfb.ly/6YATu) by [elbertwithane is licensed under Creative Commons Attribution ](http://creativecommons.org/licenses/by/4.0/).
- ["Stylized wizard hat"](https://skfb.ly/ozxOQ) by [Enkarra is licensed under Creative Commons Attribution](http://creativecommons.org/licenses/by/4.0/).
- ["Wizard Staff"](https://skfb.ly/6QYZw) by [Toymancer Studio is licensed under Creative Commons Attribution](http://creativecommons.org/licenses/by/4.0/).

#### AI Images

- Created with the help of [Playground AI](https://playgroundai.com/)

#### Github Stats & Details

- [Github ReadMe Stats](https://github.com/anuraghazra/github-readme-stats)
- [Skills Icons](https://github.com/tandpfun/skill-icons)
- [Github Readme Streak Stats](https://github.com/denvercoder1/github-readme-streak-stats)

#### Development Resources

- Fonts from [Google Fonts](https://fonts.google.com/)

- Icons from [Lucide Icons](https://lucide.dev/)

- Notifications from [Sonner](https://sonner.emilkowal.ski/)

- Form created using [react-hook-form](https://react-hook-form.com/)

- Animations using [framer-motion](https://www.framer.com/motion/)

- Emails using [Emailjs](https://www.emailjs.com/)

- Convert 3d models to JSX using [Gltf JSX](https://github.com/pmndrs/gltfjsx)

#### Audio

- Music by Shiden Beats Music from Pixabay

---

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, install the dependencies and run the development server:

```bash
npm run install # to install all dependencies

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.