Skip to content

beratcode03/berat-portfolio

Repository files navigation

💻 Berat Cankır - Full Stack Developer Portfolio

React Vite TailwindCSS TypeScript

Portfolio Preview

My modern, interactive, and high-performance digital showcase. This portfolio is built with modern web technologies to present my projects and technical skills.

🔥 Featured Project: Quantpraxus

The most important part of this portfolio, Quantpraxus, is an Electron-based performance tracking system that analyzes the university exam (YKS) preparation process.

  • Tech: React, Node.js, Electron, PostgreSQL.

✨ Key Features of the Website

  • Atatürk Tribute Section: A special tribute area dedicated to the great leader Gazi Mustafa Kemal Atatürk, whom I set as my idol and whose ideas I follow. It features a custom bloom hover effect.
  • Interactive IDE Component: A 3D-parallax code editor view that follows mouse movements, featuring C# syntax highlighting.
  • Crypto & Glitch UI: Modern cyber-themed visual effects and logos with "scrambling" animations.
  • Responsive & Performance-Oriented: Fully compatible with all devices using Tailwind CSS, and lightning-fast loading times with Vite.

🛠️ Tech Stack

  • Frontend: React.js, TypeScript
  • Build Tool: Vite
  • Styling: Tailwind CSS, Framer Motion
  • Icons: React Icons

📂 Project Structure

src/
├── components/        # Reusable UI components (Header, Hero, Skills, etc.)
├── data/              # JSON/JS files storing project and skills data
├── pages/             # Main page views
└── styles/            # Global styles and Tailwind configuration


🚀 Getting Started
Clone the repository:

Bash
git clone [https://github.com/beratcode03/berat-portfolio.git](https://github.com/beratcode03/berat-portfolio.git)
Navigate to the project directory:

Bash
cd berat-portfolio
Install dependencies:

Bash
npm install
Launch the development server:

Bash
npm run dev

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors