Skip to content
View CodeByPinar's full-sized avatar
🏠
Working from home
🏠
Working from home

Block or report CodeByPinar

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.

Please don't include any personal information such as legal names or email addresses. Maximum 250 characters, 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
CodeByPinar/README.md

👩🏻‍💻 Full-Stack Web Developer | React • Next.js • .NET • Design

FrontendBackendUI/UXDevOpsDesign Systems
Scalable systems, colorful design, and creative workflows 🌈✨


📖 About Me

🛠️ Specialization: Modern full-stack web development with vibrant UI
🚀 Projects       : StellarX, Electorix, KatmanPlayground, CoreXCrudAPI
🎯 Focus          : React • Next.js • ASP.NET Core • UI/UX • Design Systems
🌱 Learning       : Microservices · Web Performance · CI/CD · 3D Web (Three.js)
👩🏻‍🏫 Community   : Women in Tech Advocate, Creative Mentor
🎯 Mission        : Build applications that are beautiful, performant, and inclusive

🎨 Skills & Tech Stack

🚀 Languages & Frameworks

🛠 Tools & Platforms

🌐 Frontend

  • React (Hooks, Context, Zustand, Redux-lite)
  • Next.js (SSR, SSG, API Routes)
  • TypeScript / JavaScript (ES6+)
  • Styling: CSS3, SCSS, Styled Components, CSS Modules
  • UI Frameworks: ShadCN, Radix UI, Material UI, Bootstrap
  • Animations & Effects: Framer Motion, GSAP, Lottie

⚙️ Backend

  • ASP.NET Core + Entity Framework Core
  • Node.js + Express APIs
  • MongoDB • SQL Server
  • JWT Authentication, Validation, Clean Architecture

🚀 DevOps & Tools

  • Git & GitHub (Actions, CI/CD)
  • Docker & Containerized Environments
  • Postman, Swagger
  • Vercel, Netlify, Azure, Railway
  • WSL2, Windows Terminal, Oh My Posh

🎨 Design Tools

  • Figma (Wireframes, Prototypes)
  • Photoshop, Illustrator (Graphic Assets)
  • Canva (Quick Creative)
  • Blender basics (3D UI Assets)

🧩 Widgets & Extra Tools

📊 Productivity Widgets

  • Contribution graphs (streaks, heatmaps)
  • Language donut charts + bar charts
  • Daily commit tracker with colorful badges

🎨 Design Widgets

  • Gradient collections (linear, radial, conic)
  • Color palette previews with HEX/RGB values
  • Typography scale & hierarchy showcase
  • Icon showcase with animated previews

💸 Budget & Planning Tools

  • Project budget tables with color-coded priorities
  • Resource allocation bars (dev/design/testing)
  • Tech cost estimator (cloud hosting, domains)

📅 Timeline Tools

  • Project roadmap progress bars
  • Release milestone checklists
  • Sprint goal completion rings (circular progress)

🧠 Learning Widgets

  • Skill tree visual (frontend → full-stack → design systems)
  • Course/book progress charts
  • Practice streak meters (LeetCode, FrontendMentor)

🎮 Fun Zone Tools

  • Pixel-art GitHub stats widget
  • Random dev joke generator
  • Coffee consumption tracker ☕

🗂️ Featured Projects

🌌 StellarX

Interactive science/space site (Next.js + Framer Motion)

🛍️ Electorix

Cyberpunk-inspired e-commerce frontend (React + Styled Components)

🎮 KatmanPlayground

Colorful multi-game platform (React + Zustand)

⚙️ CoreXCrudAPI

ASP.NET Core CRUD API with JWT & EF Core


📊 GitHub Insights

📅 Work Hours Heatmap + Repo Languages


📅 Upcoming Goals

  • Launch StellarX live with animations
  • Release Electorix frontend showcase
  • Add 3D UI Components with Three.js
  • Publish AuditTrail.NET NuGet package
  • Contribute to open-source design systems
  • Write technical blogs on Design + Dev synergy

🔗 Connect With Me


Pinned Loading

  1. Earthquake_Prediction_Analysis_Project Earthquake_Prediction_Analysis_Project Public

    🌍 Welcome to the Earthquake Prediction Analysis Project! 🚀 This project aims to predict earthquake magnitudes using LSTM neural networks and analyze seismic data. Explore, analyze, and forecast ear…

    MATLAB 30 7

  2. Plant-Health-Monitoring Plant-Health-Monitoring Public

    🌱 This project aims to automate plant health monitoring using computer vision and deep learning. It focuses on accurate disease detection and classification in plants through rigorous data preproce…

    Jupyter Notebook 40 9

  3. big-tech-financial-insights big-tech-financial-insights Public

    🚀 A comprehensive project analyzing Big Tech stock prices using time series analysis, volatility modeling, and macroeconomic indicators. Featuring interactive dashboards and automated reporting! 📈💼

    HTML 10 1

  4. Spotify_Trends_2023_Analysis Spotify_Trends_2023_Analysis Public

    Exploring Spotify's latest trends, top songs, genres, and artists using Python, Pandas, NumPy, Matplotlib, CNNs for image-based analysis, and advanced algorithms for music recommendation. Dive into…

    Jupyter Notebook 10

  5. MicrosoftCyberSecurityPath MicrosoftCyberSecurityPath Public

    📘 Kişisel siber güvenlik eğitim notlarım, kodlar ve uygulamalar! Microsoft Learn eğitimiyle öğreniyor ve geliştiriyorum. 🚀🔐

    3

  6. GlobalWarmingForecast GlobalWarmingForecast Public

    🌍 Global Warming Forecast Tool An advanced tool for analyzing and forecasting climate trends using ARIMA and Prophet models, with interactive visualizations and scenario simulations.

    HTML 1