https://github.com/ibrsec/portfolio-next-ts
Frontend of the portfolio page
https://github.com/ibrsec/portfolio-next-ts
nextjs redux tailwind typescript
Last synced: about 1 month ago
JSON representation
Frontend of the portfolio page
- Host: GitHub
- URL: https://github.com/ibrsec/portfolio-next-ts
- Owner: ibrsec
- Created: 2024-06-06T13:21:49.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-14T11:35:56.000Z (over 1 year ago)
- Last Synced: 2025-11-20T02:30:56.767Z (7 months ago)
- Topics: nextjs, redux, tailwind, typescript
- Language: TypeScript
- Homepage: https://ibrahimseckin-portfolio.vercel.app/
- Size: 1.39 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Portfolio App | Typescript Next
An awesome Portfolio App
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
📎 Table of Contents 📎
---
## ℹ️ About The Project
[](https://ibrahimseckin-portfolio.vercel.app/)
---
🚀 Next.js with TypeScript: Developed a modern, responsive portfolio website using Next.js and TypeScript to showcase professional skills, projects, and contact information with fast performance and seamless navigation.
🎨 Tailwind CSS Styling: Utilized Tailwind CSS for a clean and customizable UI design, ensuring a visually appealing and consistent user experience across all devices.
🗂 Project Showcase: Organized projects by technology stack, providing detailed descriptions and links to GitHub repositories, demonstrating versatility in various frameworks and libraries.
🔗 Dynamic Pages & Integration: Designed key sections like 'Home' with a resume download feature, 'About' linking directly to LinkedIn, and 'Contact' with a fully functional contact form, enabling easy communication and networking.
🛠 State Management & UI Enhancements: Employed React and Redux Toolkit for state management and React Toastify for real-time notifications, enhancing interactivity and user feedback.
🌐 Optimized Deployment: Prepared for scalable deployment, ensuring high performance and availability for a global audience.
```sh
# clone the project
git clone https://github.com/ibrsec/portfolio-next-ts.git
# enter the project directory
cd portfolio-next-ts
# install dependency
npm install || yarn install
# develop
npm run dev || yarn start
```
```diff
portfolio-next-ts (folder)
|
|---public (folder)
|
+ |---src (folder)
| |---app (folder)
| | |---api (folder)
| | | └---todos (folder)
| | | |---[id] (folder)
| | | | └---route.ts
| | | |
| | | |---data.ts
| | | └---route.ts
| | |
| | |---global.css
| | |---layout.tsx
| | └---page.tsx
| |
| |
| |---dbConfig (folder)
| |
| |
| └---types.d.ts
|
|---next.config.mjs
|---postcss.config.mjs
|---tailwind.config.ts
|---.eslintrc.json
|----tsconfig.json
|----package.json
|----yarn.lock
└----readme.md
```
---
