Explore my work and expertise at: lemancaliskan.pages.dev
- 🌍 Advanced Localization: Dynamic switching between Turkish and English.
- ✉️ Secure Contact Bridge: Real-time messaging powered by Pipedream and Telegram Bot API.
- 🛡️ Anti-Spam Layer: Custom Honeypot implementation for efficient, invisible bot protection.
- 📊 Interactive Skillset: Visualized proficiency charts for Programming, Data Science, and Soft Skills.
- 📱 Responsive & Smooth: Mobile-first approach with fluid animations via Framer Motion.
- Frontend:
React.js,TypeScript,Tailwind CSS - Animations:
Framer Motion,Lucide Icons - Backend/Automation:
Pipedream,Telegram API,SMTP - Deployment:
Netlify
The portfolio features a high-end, theme-aware design that seamlessly transitions between Dark and Light modes. Built with a focus on modern aesthetic and accessibility.
This project is a synergy of AI-assisted design and manual craftsmanship. While Figma AI provided the initial layout and structural wireframes, I heavily customized and engineered the final UI/UX to ensure a unique professional identity:
-
AI-Enhanced Foundation: Leveraged Figma AI to generate the modern layout patterns and initial design system, significantly accelerating the prototyping phase.
-
Custom Engineered Components: Independently developed and coded the interactive progress bars for the Skills and Languages sections, implementing dynamic coloring and precise percentage tracking that weren't in the original AI draft.
-
Refined Visual Identity: Curated and applied a custom color palette featuring
#613DC1(Royal Purple) and#858AE3(Soft Indigo) to transform the generic AI output into a cohesive, high-end brand experience. -
Advanced Contact UX: Completely redesigned the contact form from scratch, prioritizing accessibility and implementing complex user feedback states (Loading/Success/Error).
-
Personalized Elements: Hand-crafted the footer and fine-tuned the transitions to ensure a complete, polished landing page that goes beyond standard AI templates.
| Project | Tech Stack | Description |
|---|---|---|
| CardioMetrics-Core | Python, Scikit-learn, Streamlit | AI-powered cardiovascular risk assessment tool. |
| SleepMetrics | Random Forest, Gradient Boosting | Sleep health diagnostic tool with 99.08% accuracy. |
| Shelfy | PySide6, CustomTkinter, Database | Modern digital library management system. |
| Nice Birthday | React, Javascript, Css, Html | Interactive Birthday Greeting Web App |
The contact form is not just a UI element—it's a fully functional communication engine. By utilizing Environment Variables on Netlify and a Pipedream serverless workflow, the system ensures zero credential leakage while maintaining high-speed message delivery.
Follow these steps to run the project on your local machine:
# Clone the repository:
git clone https://github.com/lemancaliskan/my-portfolio.git
# Navigate to the project directory:
cd my-portfolio
# Install dependencies:
npm install
# Start the application:
npm run dev
The application will open in your browser at http://localhost:3000Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
# Fork the Project
# Create your Feature Branch
(git checkout -b feature/AmazingFeature)
# Commit your Changes
(git commit -m 'Add some AmazingFeature')
# Push to the Branch
(git push origin feature/AmazingFeature)
# Open a Pull RequestThis project is licensed under the MIT License. See the LICENSE file for more details.