My projects

A quick collection of my projects.

Hesap Lütfen screenshot

Hesap Lütfen

React-NativeExpoMapboxSupabaseGoogle Places API

A dynamic map-based mobile application created using TypeScript, React Native, and Expo, with the Mapbox SDK and Google Places API powering the interactive maps. This app enables users to easily view and interact with location-based data, allowing them to explore nearby places or add new locations. The platform features a custom ranking system that rewards user engagement, with 550 points for adding new places and 50 points for sharing spending details at existing locations. To ensure data integrity, each place can only be added once, maintaining a clean and accurate database. By leveraging TanStack Query and Supabase for real-time updates and seamless synchronization, users receive immediate feedback on their actions. The app's design is both aesthetic and functional, optimized through Nativewind, and ensures a smooth user experience. Lottie animations further enhance interactivity, while Zustand powers state management, creating a responsive and intuitive platform.

ElevatoX screenshot

ElevatoX

Next.JStRPCPrismaShadcn UIClerkUpstash

A comprehensive platform tailored for elevator companies, streamlining the management of employees, building and elevator registrations, maintenance tracking, and payment recording. Built using Next.js, the platform ensures fast and scalable performance, with tRPC enabling smooth API communication and Prisma ORM efficiently managing database interactions. For secure user authentication, we integrated Clerk Auth, while Upstash Redis powers real-time data processing. The platform also features dynamic forms and tables, made possible with React Hook Form and TanStack Table, ensuring a user-friendly experience. Additionally, we utilized TypeScript to catch errors during compile time, improving the platform's overall reliability and maintainability.

Frontend Beast screenshot

Frontend Beast

Next.JSNextraMDXStatic Site Generation

Frontend Beast is a static site generated blog built with Next.js, Nextra, and MDX. The blog is designed to provide frontend developers with valuable resources, tutorials, and tips to enhance their skills. The blog is deployed on Vercel and uses MDX for content management. The blog is designed with a clean and user-friendly interface, making it easy for users to navigate and access valuable resources. The blog is updated regularly with new content to keep users informed about the latest trends and technologies in frontend development.

Modern To-Do App screenshot

Modern To-Do App

Next.JStRPCPrismaShadcn UI

Modern To-Do App is a task management application that helps users organize their daily tasks efficiently. This app is built using Next.js, tRPC, Prisma, and Shadcn UI. The app allows users to create, update, and delete tasks, set deadlines, and mark tasks as completed. The app is deployed on Vercel and uses serverless PostgreSQL for database management. The app is designed with a clean and user-friendly interface, making it easy for users to manage their tasks effectively.

Pate Finder screenshot

Pate Finder

ReactNext.JSTailwind CSSZod

Pate Finder is a social media application designed for users who want to share their pets. On this platform, users can share photos and information about their cute pets, discover other users' pets, and interact with them. Check out to see and try out the deployed/working version of the application: https://pate-finder.vercel.app/ The production of this application is executed in Vercel and PlanetScale is used for database queries. In addition, AWS S3 Bucket is used for file uploads.

Hotel Search and List App screenshot

Hotel Search and List App

Next.JSShadcn-UIRTK QueryTypeScript

I developed a Hotel Search and List App using React, Next.js, and TypeScript. The app efficiently handles location-based search queries by integrating the Query String library. React Query was used for data fetching and state management, optimizing performance. Radix UI components and Tailwind CSS were employed for enhancing the user interface and styling options. The Date-fns library provided precise date-related functionalities. ESLint ensured code quality throughout development. This app demonstrates my proficiency in developing React applications with Next.js and TypeScript, showcasing my ability to deliver user-friendly interfaces, efficient data handling, and optimal performance.

Markdown Blog

Node.jsExpress.jsEJS

Our blog script is a powerful and user-friendly platform for creating and publishing blog posts. It incorporates cutting-edge technologies to enhance your blogging experience. With Express as its foundation, our script leverages this lightweight web application framework for efficient handling of HTTP requests. EJS, the templating engine, dynamically generates HTML markup, making it easy to render dynamic content and templates. The script's standout feature is the integration of Marked, a JavaScript markdown parser and compiler. It enables you to write blog posts using a simple and intuitive markup language that it converts into HTML. This way, you can easily create richly formatted and engaging content. To simplify URL generation, we employ the Slugify library, which generates clean and readable slugs from blog post titles. This ensures that your URLs are search engine-friendly and user-friendly. With Mongoose, a MongoDB object modeling tool, our script seamlessly interacts with a database, providing a robust and scalable solution. It handles the structure, validation, and querying of your blog posts, making data management effortless. We prioritize security by incorporating Dompurify, which sanitizes HTML and prevents potential security risks like cross-site scripting attacks. Your content remains safe and secure. Our blog script is easy to set up. Install the dependencies, including Express, EJS, Marked, Slugify, and Mongoose. For development, we've included Nodemon as a dependency for seamless hot-reloading. In summary, our Markdown Rendering Blog Script empowers you to write and publish captivating blog posts. It combines Express, EJS, Marked, Slugify, Mongoose, and Dompurify to deliver a feature-rich and secure blogging platform. Unleash your creativity and embark on an exciting blogging journey with our script today!

Recipe Blog screenshot

Recipe Blog

Node.jsExpress.jsMongoDBEJS

I developed a Hotel Search and List App using React, Next.js, and TypeScript. The app efficiently handles location-based search queries by integrating the Query String library. React Query was used for data fetching and state management, optimizing performance. Radix UI components and Tailwind CSS were employed for enhancing the user interface and styling options. The Date-fns library provided precise date-related functionalities. ESLint ensured code quality throughout development. This app demonstrates my proficiency in developing React applications with Next.js and TypeScript, showcasing my ability to deliver user-friendly interfaces, efficient data handling, and optimal performance.

Tour Blog App screenshot

Tour Blog App

ReactNode.jsExpress.jsMongoDB

Meet our Tour Blog App, the ultimate travel companion that revolutionizes your journey. With a sleek interface and cutting-edge tech, this app offers an unparalleled experience. Our backend runs on Node.js and Express, providing a robust and scalable server. MongoDB with Mongoose offers a sophisticated database solution. We prioritize security with bcrypt for password hashing and JWT for user authentication. CORS enables flexible resource sharing. For monitoring and debugging, Morgan logs HTTP requests, and nodemon automates server restarts. On the client side, we use React, a popular library for interactive interfaces. Material-UI and MDB React UI Kit provide customizable UI components for stunning experiences. Redux simplifies state management, ensuring seamless data flow. React Router Dom enables smooth navigation. Axios handles API requests, while jwt-decode decodes JSON Web Tokens.

Repositories

A list of all of the public repositories on my GitHub.

View My Profile

elevatox

TypeScript

Open Source Elevator Management App

no-bs-ts

TypeScript

No BullShit TypeScript Notes

todo-planner

TypeScript

advanced-nodejs

JavaScript

frontend-beast

MDX

orte-comp-case

JavaScript

Orte Company Case - Muhammed Masum Gökyüz

t3-stack-mongodb

TypeScript

Fully typed T3 Stack with MongoDB

zaren-travel-case

TypeScript

Zaren Travel Case

pate-finder

TypeScript

Not mate finder but pate finder app

Not Playing

Spotify

Built with://

GitHubLinkedInEmail