
Ali Coşkun
Verified Expert in Engineering
Full-stack Developer
Istanbul, Turkey
Toptal member since October 17, 2022
Ali is a full-stack developer with over eight years of experience managing all aspects of the development process. Having started with C# and .NET, Ali has spent most of his career in web development and is now mastering Node.js, Next.js, React, and front-end development. He has worked on numerous projects, solving complex business problems in multiple industries. Ali is looking forward to using his skills to help companies increase their revenue.
Portfolio
Experience
- JavaScript - 8 years
- Bootstrap - 6 years
- React - 5 years
- Next.js - 3 years
- React Router - 2 years
- TypeScript - 2 years
- GraphQL - 2 years
- Tailwind CSS - 2 years
Availability
Preferred Environment
Visual Studio Code (VS Code), Git
The most amazing...
...task I've worked on was a configurator for vehicles where one can build a vehicle and calculate the price and credit on a finance module.
Work Experience
Senior Full-stack Developer
Obss
- Created a leasing product's order, offer, vehicle pool, delivery, and contract processes.
- Added new features and integrated them with other apps.
- Designed new features for the ongoing React-Next.js and React-Redux web applications.
- Assisted junior developers during their onboarding by answering questions and helping them solve issues.
- Wrote missing unit tests for multiple projects and upgraded the .NET framework used by microservices to the latest version.
- Built a proof of concept for a RESTful web API to enable the WhatsApp chatbot integration.
- Developed Windows services to transfer and process gas purchase data, check irregular invoice amounts, and inform users of them via email.
- Created a PDF service to convert HTML designs to PDF documents.
Senior Full-stack Developer
KoçSistem
- Developed a new web application with Vue.js to offer a personalized customer experience.
- Built a personalized customer experience platform where customers can find the user guide, service history, and after-sales campaigns.
- Integrated the CRM system with Microsoft Dynamics 365 and a digital studio that enabled customers to connect with a consultant and experience vehicles live.
- Assisted junior developers during their onboarding by answering questions and helping them solve issues.
Full-stack Developer
KoçSistem
- Created a new communication permission system and credit calculation module.
- Managed the customers' past data in accordance with GDPR.
- Developed a vehicle price module where customers can display prices and download them as PDF documents.
Junior Full-stack Developer
Ford Otosan
- Developed a meeting organization system integrated with Outlook over Exchange Web Services to manage meeting rooms' availability.
- Provided maintenance support for the vehicle production control system.
- Upgraded the .NET version of a legacy web application.
- Fixed broken pages after the .NET version upgrade.
Experience
Flexible Leasing Solutions
Delivery and Drop-off Vehicle Management System
Bicycle Rental Management System
This web application offers different functionalities for various user roles. The main features include:
• Listing bicycles in the inventory, adding new bicycles, editing existing ones, and viewing details such as location, rating, color, model, and rental availability
• Listing, editing, and adding new registered users
• Filtering bicycles in the inventory based on various criteria
• Reserving selected bicycles, canceling reservations, and listing past reservations
To develop this web application, I used a tech stack that included React, TypeScript, Emotion, AG Grid, Moment.js, and Yup.
Iconany
https://the-icon-project.vercel.app/Customer Relationship Management
Ford Turkiye's Website
https://www.ford.com.tr/Slot Finder
Typically, several steps are required to book an appointment on this website. I automated each step using Puppeteer: accessing the website, waiting for the page to load, selecting the appropriate date and time, and checking for availability. Additionally, I configured the application to send an email notification whenever a slot becomes available.
New Car Scout
To save time, I developed a bot to perform these checks for me. Every five minutes, the bot checks if a new car has been listed on the website, and if so, it sends me an email notification.
For this bot, I used a tech stack that includes Node.js, Next.js, and Puppeteer.
Readers Pay Less
The application takes a user's book list and checks each book individually. If the price has changed, it sends a push notification to the user, informing them whether the price has dropped or increased.
Additionally, since the application needed to fetch prices from different countries, I used proxies. This way, users from those countries are informed about price drops, giving them the opportunity to purchase the books they want at better prices.
For this web crawler bot, I used a tech stack that included Node.js, Express.js, Heroku, Puppeteer, Firebase, and proxies.
Tic Tac Toe Game
https://alicoskun.github.io/demo/tic-tac-toe-reactapp/Icon Metrics
Tech stack: Chrome Extension, JavaScript, Web API (REST), HTML, CSS, SVG
Spotify Clone
https://music-app-alicoskun.vercel.app/• Music streaming: Users can stream their favorite songs on-demand anytime they want.
User-friendly interface: The user interface is simple and intuitive, making it easy for users to navigate and enjoy their music experience.
• Search and discover: Easily search for songs, artists, and albums.
• Personal playlists: Users can create and manage their own playlists to organize their music preferences.
Tech stack: React, Next.js, TypeScript, Prisma, PostgreSQL, JavaScript, Chakra UI
Music Scout
Additionally, a simple web interface was developed to enable data analysis and allow users to export the results to Excel for further insights.
Education
Bachelor's Degree in Computer Engineering
Sakarya University - Serdivan, Turkey
Certifications
React: Using TypeScript
Software Architecture: Domain-Driven Design
ES6 - JavaScript
Udacity
React.js Essential Training
React.js: Building an Interface
React: Creating and Hosting a Full-Stack Site
React: Ecosystems
Explore React.js Development
JavaScript Objects, Prototypes, and Classes
Pluralsight
Practical Application Architecture with Entity Framework Core
Vue.js 2: Working with APIs
Learning Vuex
Vue.js 2 Essential Training
C# Best Practices for Developers
ASP.NET Core: Test-Driven Development
Skills
Libraries/APIs
jQuery, REST APIs, Spotify API, React, React Router, Yup, Node.js, MediatR, Puppeteer, Vue, Web API, React Redux, Google Maps API, Vue 2, DevExtreme, Stripe, Emotion Library, AG Grid, Moment.js, Entity Framework, Vuex, Framer Motion, Emotion
Tools
GitHub, NPM, TFS, Git, RabbitMQ, GitLab, Hygraph (GraphCMS), Kentico, Adobe Illustrator, Auth0, JSON Server, Prisma
Languages
JavaScript, HTML, C#, HTML5, TypeScript, GraphQL, C#.NET, SQL, CSS, Sass, C++, ECMAScript (ES6), JavaScript 6
Frameworks
Bootstrap, .NET, .NET 6, .NET Core, ASP.NET, ASP.NET MVC, ASP.NET Core, ASP.NET Web Forms, Next.js, Tailwind CSS, Redux, Express.js, Entity Framework Core, MUI CSS, OAuth 2
Paradigms
Object-relational Mapping (ORM), REST, Agile, Agile Software Development, Event Sourcing, Microservices, CQRS, Database Design, Unit Testing
Storage
JSON, Database Architecture, Microsoft SQL Server, MongoDB, Redis, Cloud Firestore, Relational Databases, PostgreSQL
Platforms
Docker, Vercel, Visual Studio Code (VS Code), Amazon Web Services (AWS), Heroku, Firebase
Other
Back-end, Full-stack, Full-stack Development, Web Development, Web App Development, RESTful Services, Software Engineering, Web Scraping, Back-end Development, Integration, Spotify, APIs, API Integration, Front-end, Cloudflare, Front-end Development, Architecture, Dashboards, NextAuth.js, Domain-driven Design (DDD), Single-page Applications (SPAs), Repository Pattern, Unit of Work Pattern, Content Management Systems (CMS), Headless Software, Headless CMS, CI/CD Pipelines, Nodemailer, Web Crawlers, Website Data Scraping, SVG, Bcrypt, Autoprefixer, React Hooks, ProxyChain, Software Architecture, Authorization, Chrome Extensions, Chakra UI, Kysely, Axios, Scraping, Optimization, Responsive UI
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring