dennis-snellenberg-portfolio - GitLite

KO | EN

gitlite — search

#javascript #python #react #ai #llm #go #golang #android #java #cli #awesome-list #pytorch #mcp #openai

dennis-snellenberg-portfolio

(★ 185)

This Layout made with Next.js, Next.js Cloudinary, Framer Motion, Gsap, Lenis, Styled Component, Lucide Icons, React Wrap Balancer, Tailwind and Postcss.

파일 탐색기

최종 버전 다운로드 (.zip)

- pre-commit
- - index.js
- - index.js
  - metadata.config.js
- - index.js
  - nav-items.js
  - preloader-words.js
  - project-options.js
  - social-medias.js
  - thumbnail-options.js
- - index.js
- - index.js
  - use-contact-slider.js
  - use-dimensions.js
  - use-follow-pointer.js
  - use-lenis.js
  - use-magnetic.js
  - use-offcanvas-toggle.js
  - use-parallax-slider.js
  - use-project-slider.js
  - use-time-out.js
- - index.js
- - index.js
- - index.jsx
- - index.js
- favicon.ico
- globals.css
- layout.jsx
- not-found.jsx
- page.jsx
- screen-record.gif
- screenshot.png
.browserslistrc
.eslintignore
.eslintrc.json
.gitignore
.lintstagedrc.js
.prettierignore
.prettierrc.json
.stylelintignore
.stylelintrc.json
jsconfig.json
next.config.js
package.json
pnpm-lock.yaml
postcss.config.js
README.md
tailwind.config.js

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/AliBagheri2079/dennis-snellenberg-portfolio

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd dennis-snellenberg-portfolio

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div id='top' align="center">

An Portfolio site template, implemented with [Next.js](https://nextjs.org/) and [Framer Motion](https://www.framer.com/motion/). Styled with [Tailwind CSS](https://tailwindcss.com/). This is one of my portfolios, but I would be pleased if these codes helped others, so I published it as an open-source project. feel free to explore it, and if you need help, ask me. I would respond as soon as possible.

<p>
  To support me, please create
  <strong>Pull request</strong>
  and give <strong>star⭐</strong>
  to this repository.
  <br/>
  I appreciate your support in advance. ❤
</p>

<p>

![GitHub top language](https://img.shields.io/github/languages/top/AliBagheri2079/dennis-snellenberg-portfolio)&nbsp;
![GitHub last commit](https://img.shields.io/github/last-commit/AliBagheri2079/dennis-snellenberg-portfolio)&nbsp;
![GitHub commit activity](https://img.shields.io/github/commit-activity/m/AliBagheri2079/dennis-snellenberg-portfolio)&nbsp;
![GitHub release (latest by date)](https://img.shields.io/github/v/release/AliBagheri2079/dennis-snellenberg-portfolio?display_name=tag)&nbsp;
![GitHub Repo stars](https://img.shields.io/github/stars/AliBagheri2079/dennis-snellenberg-portfolio?color=yellow)&nbsp;
![GitHub forks](https://img.shields.io/github/forks/AliBagheri2079/dennis-snellenberg-portfolio)

</p>

<p>

[Technologies](#-technologies) •
[Demo](#-demo) •
[Features](#-features) •
[Pages](#-pages) •
[Contributing](#-contributing) •
[Links](#-links)

</p>

<img
  src="./public/screen-record.gif"
  loading="lazy"
  alt="home page screenshot"
/>

</div>

## 🔧 Technologies

![Next.js](https://img.shields.io/badge/-Next.js-05122A?style=for-the-badge&logo=next.js)&nbsp;
![JavaScript](https://img.shields.io/badge/-JavaScript-05122A?style=for-the-badge&logo=javascript)&nbsp;
![Framer Motion](https://img.shields.io/badge/-FramerMotion-05122A?style=for-the-badge&logo=framer)&nbsp;
![Tailwind CSS](https://img.shields.io/badge/-TailwindCSS-05122A?style=for-the-badge&logo=tailwindCSS&logoColor=06B6D4)

## ✨ Demo

You can visit and explore portfolio in the [Dennis Snellenberg Portfolio](https://dennis-snellenberg-portfolio.vercel.app/) template.

## 🔥 Features

- Using Next.js Cloudinary
- Using Framer Motion
- Using Gsap with Lenis
- Using React Wrap Balancer
- Using Styled Component
- Using Tailwindcss with Custom Plugin
- Using Postcss with Plugins
- Using Clsx with twMerge
- Fully responsive
- Page Transition with Smooth Scrolling
- Linting with Eslint and Stylelint
- Format with Prettier
- Husky and Lint-staged for Pre-committing
- Pnpm Package Manager

## 📃 Pages

- Main (index)
- About
- Contact
- Work
- Custom Not Found Page

<p align="right">(<a href="#top">BACK TO TOP 🔝</a>)</p>

## 🤝 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

## 🔗 Links

<p>
  <a href="https://github.com/AliBagheri2079">
    <img src="https://img.shields.io/badge/Github-000?style=flat&logo=github&logoColor=white"/>
  </a>
  <a href="https://www.linkedin.com/in/alibagheri2079">
    <img src="https://img.shields.io/badge/linkedin-0A66C2?style=flat&logo=linkedin&logoColor=white"/>
  </a>
  <a href="https://twitter.com/AliBagheri2079">
    <img src="https://img.shields.io/badge/twitter-1DA1F2?style=flat&logo=twitter&logoColor=white"/>
  </a>
</p>

<p align="right">(<a href="#top">BACK TO TOP🔝</a>)</p>