Welcome

I'm a front-end developer.

Seray Sayan.

Contact Me

HELLO

who am i

my-photo

Welcome to my website, the online home of a passionate Front-End Developer ready to bring your digital dreams to life.

I am here to transform your dreams into visually striking, user-centric websites. Let's embark on this exciting journey together and unlock the full potential of your online presence.

my-photo

who am i

HELLO

Welcome to my website, the online home of a passionate Front-End Developer ready to bring your digital dreams to life.

I have many experiences about full-stack and also front-end applications. I completed varouis projects for many areas.

I am here to transform your dreams into visually striking, user-centric websites. Let's embark on this exciting journey together and unlock the full potential of your online presence.

MY WORK

awesome projects

01

React Quiz

This "React Quiz" application showcases advanced React skills, including the use of useReducer for complex state management and useEffect for handling side effects like data fetching and timers. The app efficiently manages multiple states—such as loading, error, active quiz, and finish states—using a well-structured reducer function. The application fetches quiz questions from a fake server, demonstrating proficiency in handling asynchronous operations and error management. The use of the Context API is applied to prevent prop drilling and efficiently manage state and data across multiple components. Additionally, the use of a cleanup function within useEffect to manage the quiz timer highlights a strong understanding of React's lifecycle and performance optimization. The component-based architecture, with reusable components like Header, Question, Timer, and FinishScreen, ensures a clean, modular, and maintainable codebase, making this project a robust example of effective React development.

React Quiz Project Photo
Travel List Project Photo

02

Project

This React-based packing list manager highlights key React skills, including efficient state management with useState, dynamic list rendering, and conditional UI updates. The app's component-based structure, featuring reusable elements like Form, PackingList, and Stats, ensures maintainability and scalability. Advanced features such as item sorting and interactive updates demonstrate a strong grasp of array manipulation and event handling. The project emphasizes clean code practices, modular design, and the effective use of React's core functionalities to create a responsive and user-friendly application.

03

Pizza Menu

This React-based pizza ordering app showcases strong React fundamentals, including component-based architecture, dynamic rendering with props and array mapping, and conditional UI updates. The project integrates business logic within components, uses dynamic class manipulation, and adheres to best practices like external CSS and React.StrictMode, ensuring a responsive and maintainable codebase.

Pizza Menu Project Photo
Travel List Project Photo

04

Far Away

This React-based packing list manager highlights key React skills, including efficient state management with useState, dynamic list rendering, and conditional UI updates. The app's component-based structure, featuring reusable elements like Form, PackingList, and Stats, ensures maintainability and scalability. Advanced features such as item sorting and interactive updates demonstrate a strong grasp of array manipulation and event handling. The project emphasizes clean code practices, modular design, and the effective use of React's core functionalities to create a responsive and user-friendly application.

05

StuLance App

StuLance is a freelancer platform that has been developed using Next.js, Tailwind CSS, and PostgreSQL. The platform incorporates a secure login process with the issuance of JWT tokens. On the backend, Node.js powers the functionality of the platform. StuLance allows freelancers to submit proposals for available jobs, while customers can post job listings for freelancers to browse. Additionally, both freelancers and customers have access to view and manage their respective proposals and job listings. StuLance provides a user-friendly and efficient environment for freelancers and customers to connect and collaborate on projects.

Stulance Project Photo
OmniFood Project Photo

06

Omni Food Project

The OmniFood project is a web application that showcases a strong emphasis on front-end development, utilizing HTML, CSS, and JavaScript to create a visually appealing and engaging user interface. With a focus on responsive design, OmniFood ensures that the application seamlessly adapts to different screen sizes and devices, providing an optimal user experience across desktops, tablets, and smartphones. The combination of skillful HTML structuring, CSS styling, and JavaScript interactivity results in a web application that not only looks visually stunning but also provides a smooth and intuitive user journey for its visitors.

07

Bank Queue App

The BankQ App is an Android mobile application developed using Kotlin and Android Studio, with Firebase as its underlying database system. This app serves the purpose of allowing customers to remotely obtain queue numbers for banking services. With the BankQ App, customers no longer need to physically wait in line at the bank. They can simply access the app on their mobile devices, select the desired service, and receive a virtual queue number. This convenient and time-saving feature enhances the customer experience by reducing wait times and providing a more efficient banking process. By utilizing the power of Kotlin and Android Studio, the BankQ App offers a user-friendly interface and smooth functionality, ensuring a seamless and enjoyable experience for bank customers.

BankQueue Application Photo
Pig Game Photo

08

Pig Game

The Pig Game is a fun and interactive web application that brings the excitement of a classic dice game to your browser. Built using JavaScript, HTML, and CSS, this game offers an enjoyable experience for players of all ages. The objective of the Pig Game is simple: accumulate points by rolling a dice, but be cautious not to roll a "1" or risk losing all your accumulated points in that turn. Players take turns rolling the dice and strategically deciding when to hold their current score. The game's engaging user interface, designed with HTML and CSS, creates a visually appealing and immersive experience. Whether you're playing with friends or challenging yourself, the Pig Game guarantees hours of entertainment and friendly competition. Get ready to roll the dice, make strategic decisions, and aim for the highest score in this addictive and enjoyable game.

MY EXPERIENCES

awesome jobs

CloudCan Logo

Aug 2023 - Current · 2 months

CloudCan

Frontend Engineer

Full Time

  • Developing responsive user interfaces for Microsoft Teams applications using React.js
  • Managing state and global data efficiently using Context API in React.js
  • Implementing real-time data synchronization with Firebase
  • Developing fully-optimized WordPress websites with tools like WPBakery Page Builder, Elementor, Contact Form 7, WP Mail SMTP, and Polylang
  • Converting Figma designs into high-performing pages

Jan 2023 - Feb 2023 · 2 months

Enocta

Software Automation Testing

Intern

  • Studied for BDD (Behavior-Driven Development) tests during my internship
  • Wrote test cases and code using C# for a large questionnaire module
  • Gained experience with Cucumber, including writing scenarios in the Gherkin language
  • Learned about the Selenium environment for automated testing

Jul 2022 - Aug 2022 · 2 months

Akbank

Information Technologies

Intern

  • Examined web APIs such as REST and SOAP during my internship
  • Developed a REST API for an employee management system using Spring Boot for the back-end
  • Utilized MySQL for the database
  • Implemented the front-end using HTML, CSS, JS, and Bootstrap