Skip to content
View ercanvas's full-sized avatar
🦋
I may be slow to respond.
🦋
I may be slow to respond.

Block or report ercanvas

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
ercanvas/README.md

Ercan Yasin Yarmacı – Portfolio

Welcome to my personal portfolio! This project is a modern, interactive, and mobile-friendly showcase of my work, skills, and thoughts as a backend-focused software developer.

About Me

Ercan Yasin Yarmacı
Backend-focused, modern web applications developer. Passionate about Node.js, TypeScript, and cloud technologies. I love building scalable SSR/SSG and SaaS solutions, and I’m experienced with the MERN stack, Python scripting, and cross-platform mobile development (React Native, Flutter). I value clean, maintainable code and user-centric design.

Features

  • ✨ Modern, dark-themed, responsive Next.js app
  • 🎥 Animated spotlight and story features (like Instagram)
  • 🟢 Technological loading animation (Apple-style)
  • 📱 Mobile-first, hamburger menu navigation
  • 🧩 Modular pages: Home, Projects, Videos, Payment, Thoughts
  • 🟩 Interactive background and dynamic UI
  • 🧑‍💻 DM Sans & Manrope fonts for a clean look

Pages

  • Home: About, contact, skills, experience, and interactive story
  • Projects: Showcase of featured projects (to be expanded)
  • Videos: Video content and YouTube integration (to be expanded)
  • Payment: Donation and payment options (to be expanded)
  • Thoughts: Blog posts, notes, and ideas (to be expanded)

Tech Stack

  • Framework: Next.js 14 (App Router)
  • Styling: Tailwind CSS, custom CSS
  • Icons: React Icons
  • Fonts: DM Sans, Manrope (Google Fonts)
  • Animation: Canvas, SVG, CSS

How to Run

npm install
npm run dev

Open http://localhost:3000 to view the app.

Roadmap

  • Backend API integration (GitHub, payment, etc.)
  • Dynamic project/video/thoughts content
  • Admin panel for content management
  • More animations and visual effects

Designed and developed by Ercan Yasin Yarmacı

Feel free to fork, star, or reach out for collaboration!

Popular repositories Loading

  1. QRCoder QRCoder Public

    Forked from hamer1818/QRCoder

    This repo create qr code

    Python 1

  2. au-c-examples au-c-examples Public

    we will make the changes on repo and solve the bugs

  3. ercanbill.github.io ercanbill.github.io Public

    watch movies and feel freedom

    CSS

  4. devportfolio devportfolio Public

    Forked from RyanFitzgerald/devportfolio

    A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass

    SCSS

  5. koruwelapp koruwelapp Public

    a source code for front-end of koruwel

  6. tutorial tutorial Public

    JavaScript