Publication
解释了响应式网页设计媒体查询示例
http://dcjn.hadeslo.com/responsive-web/introduction-to-responsive-web-design-pseudo-elements-media-queries
Tomislav is available for hire
Hire TomislavTomislav Krnic
Verified Expert in Engineering
Full-stack Developer
Location
Ghent, Belgium
Toptal Member Since
October 12, 2012
Tomislav is a full-stack developer and designer with over 20 years of experience. He has recently focused on React Native mobile development and real-time databases. 他创立或联合创办了六家企业，其中三家成功退出. He prides himself on a proven record of building full solutions with tangible results.
Portfolio
CityX Apps
Firebase, React Native, iOS, Android, React, APIs, Card Payments, Payment APIs...
Yahn Enterprises, LLC
React Native, Firebase, iOS, Android, Mobile UI, Mobile UX, Startup Consulting...
Entrio
React Native, UI Design, UX Design, Firebase, Firebase Realtime Database, APIs...
Experience
Availability
Part-time
Preferred Environment
React Native, Firebase, User Interface (UI), Startups, Unique Business Ideas, CSS, Full-stack, UI Design
The most amazing...
...ability I have is that I can turn a basic business idea into a functional and understandable project that users know how to use.
Work Experience
Founder
2019 - PRESENT
CityX Apps
- Acted as the founder and CTO of CityX, a company specializing in smart city app solutions. The app is available in over 50 cities and 12 countries and has been translated into 10 languages. 该应用程序由一系列api和开放数据组成.
- Found answers to questions on how to make the biggest app in a smart city space. Brought the idea to life, 包括参与系统架构的设计, leading developers, and creating the entire UI/UX.
- Delivered the CityX app, a fully functional application available in stores. 许多AI解决方案减少了对超大团队的需求. 季度增长率约为200%.
- 运用我的技能，包括React Native, Firebase, React, Node.js, UI/UX, Google Cloud, payment solutions, tons of API integrations, and cloud functions.
- Created an MVP app that serves as a solunar forecast for anglers and has an integrated map with the option of live streaming fishing and positions. With integrated AI, the application recognizes the type of fish from the photos.
Technologies: Firebase, React Native, iOS, Android, React, APIs, Card Payments, Payment APIs, Node.js, Mobile Design, User Interface (UI), User Experience (UX), Full-stack, UI Design, Google Cloud Platform (GCP), Mobile Development, Startups, Web & Mobile Applications, Cross-platform, Front-end Development, Mobile UI, Mobile UX, Mobile, Push Notifications, REST APIs, TypeScript, Live Chat, Mobile Applications, ChatGPT, Full-stack Development, Artificial Intelligence (AI), OpenAI, App UI, App UX, UX Design
全栈开发者- React Native Mobile
2023 - 2023
Yahn Enterprises, LLC
- 在计划的时间框架内开发一个移动应用程序, from a client's idea into a fully functional product ready for user acquisition.
- 完成全栈开发、UI/UX和logo设计.
- 使用React Native和Firebase构建应用程序. The app is published in App Store.
Technologies: React Native, Firebase, iOS, Android, Mobile UI, Mobile UX, Startup Consulting, Full-stack Development
Full-stack Mobile Developer
2020 - 2022
Entrio
- 从Entrio开发了一个移动应用程序, 克罗地亚最著名的活动票务公司，拥有超过1亿英镑,200 events per year and over 280,000 tickets.
- Built a React Native application from scratch that was intended as a ticket scanner connected to a few servers with non-SQL and SQL databases.
- Contributed to developing the React Native application that consisted of multiple solutions, 包括扫描器之间的通信, offline mode, and tons of logs. 活动组织者可以聘请Entrio来确保活动顺利进行.
Technologies: React Native, UI Design, UX Design, Firebase, Firebase Realtime Database, APIs, Scanning, Ticketing, Ticket Systems, Events, Event Ticketing, SQL, SQLite, Amazon Web Services (AWS), Google Cloud Platform (GCP), Figma, Mobile Development, Front-end Development, Mobile App Development, Mobile UI, Mobile UX, Mobile, Push Notifications, REST APIs, TypeScript, Cross-platform, Mobile Applications, Full-stack Development
联合创始人| CTO和全栈移动开发者
2018 - 2020
Grga
- Worked on Grga, a mobile application for payment and ordering processes related to restaurants and bars. The app provides a solution for connecting to more than 50,000 cash registers. 一种解决方案是让用户用二维码下单和支付.
- Designed a system, created a mobile app and the UI/UX and connected with the payment gateway. Worked on it for a little over two years; millions were paid without any mistakes or wrong orders, 我有理由对这个项目感到满意.
- 完成项目并成功退出, Grga仍然存在于一家大型跨国公司.
Technologies: Firebase, React Native, CSS, iOS, Android, Payment APIs, Credit Card Processing, User Interface (UI), User Experience (UX), Full-stack, UI Design, Amazon Web Services (AWS), Google Cloud Platform (GCP), Mobile Development, Startups, Front-end Development, Mobile App Development, Mobile UI, Mobile UX, Mobile, Push Notifications, REST APIs, TypeScript, Cross-platform, Mobile Applications, Full-stack Development
联合创始人和高级全栈开发人员
2015 - 2018
Touchmoon
- 为Touchmoon创建了一个应用程序, a demanding project that aimed to represent a new generation of mobile messengers. 该应用程序有多种独特的解决方案和功能，如动画, strong security, and custom games.
- 创建了项目的功能UI/UX和web部分.
- Delivered Touchmoon, the app had a good start, excellent reviews, and was mentioned in the media.
Technologies: React, React Native, PHP, MySQL, APIs, HTML5, CSS, Design, Firebase, User Interface (UI), User Experience (UX), Full-stack, UI Design, Amazon Web Services (AWS), Google Cloud Platform (GCP), Startups, Front-end Development, Mobile App Development, Mobile UI, Mobile UX, Mobile, Push Notifications, REST APIs, Live Chat, Mobile Applications, Full-stack Development
Senior Front-end Developer
2012 - 2016
FragranceX
- 开发前端和响应式设计作为我在项目中的角色.
- 曾在美国最大的电子商务商店之一FragranceX工作. Every "pixel" on the web was important, and my focus on details came to the fore.
- Optimized the user interface and experience; developed the JavaScript front-end solutions and created a fully responsive web.
Technologies: HTML5, Sass, CSS, jQuery, JavaScript, User Interface (UI), User Experience (UX), Full-stack, UI Design, Front-end Development, REST APIs, Full-stack Development
Senior Front-end Developer
2014 - 2014
LogoGarden
- Designed and developed the company website and improved the UI/UX for responsive websites.
- Utilized technologies, including HTML, CSS, jQuery, JavaScript, and Sass, for the project.
- 建立LogoGarden，一个在线标志创建为您的企业超过2.5 million custom logos made. 用户可以快速且免费地创建自己的徽标.
Technologies: HTML5, Sass, CSS, jQuery, JavaScript, User Interface (UI), User Experience (UX), Full-stack, UI Design, Front-end Development, Full-stack Development
Senior Front-end Developer
2013 - 2013
Rock Lobby (via Toptal)
- Developed a custom CMS solution.
- 使用jQuery开发UI/UX元素.
Technologies: MySQL, PHP, CSS, jQuery, JavaScript, HTML5, User Interface (UI), User Experience (UX), Full-stack, UI Design, Front-end Development, Full-stack Development
Front-end Developer
2012 - 2013
Rise Events (via Toptal)
- 为这个华盛顿特区开发了四个网站.C.-based real estate company.
- Designed four connected web pages based on the same style with small variations.
- 创建了一个jQuery/GoogleMap系统，在鼠标悬停时显示位置.
Technologies: Google Maps API, JavaScript, jQuery, CSS3, HTML5, Web Design, User Interface (UI), User Experience (UX), Full-stack, UI Design, Front-end Development, Full-stack Development
Front-end Developer
2012 - 2013
杰出域名/IMissYou(通过Toptal)
- 创建了一个强大的和用户友好的前端与许多jQuery特性.
- Built a beautiful but technically complex layout with a combination of photos/videos/Twitter/Facebook/message and models put in masonry composition.
Technologies: JavaScript, jQuery, CSS3, HTML5, User Interface (UI), User Experience (UX), Full-stack, UI Design, Front-end Development, Full-stack Development
Senior Web Developer
2012 - 2012
Design Theorem/oMiami(来自Toptal)
- Handled project finalization to solve problems with connecting scrolling events and pointing places on maps.
- 负责各种高级CSS任务.
Technologies: jQuery, HTML5, CSS3, User Interface (UI), User Experience (UX), Full-stack, UI Design, Front-end Development, Full-stack Development
所有者，高级网页开发人员(代码和设计)
2001 - 2012
Studio Cro-Design
- 独立创建了一个超过13人的照片社区网站,000名克罗地亚摄影社区用户. 获得了众多的认可，包括800多个主题比赛. 考虑将网站扩展到美国市场.
- Created a B2B image sharing system for Mars, a large food distribution company. 最初是为火星克罗地亚设计的，但后来扩展到火星欧洲. Included automated image preparation, zip file creation, and download management.
- 为一家房地产中介开发CMS, 包括多语言支持和最佳属性搜索功能.
- Wrote a fully automated system that used Expedia API for booking hotels and flights.
- 创建了一个小型的企业网页与一个干净的设计显示一个简单的, 自定义CMS和适度使用jQuery和Flash.
Technologies: CSS3, HTML5, Ajax, jQuery, MySQL, PHP, User Interface (UI), User Experience (UX), Full-stack, UI Design, REST APIs, Full-stack Development
联合创始人，Web项目经理，高级开发人员
2009 - 2011
iKiosk
- Developed a system independently for formatting and selling digital magazines, books, and newspapers. 被福布斯杂志评为伟大的互联网商业项目.
Technologies: CSS, Ajax, jQuery, CSS3, HTML5, MySQL, PHP, User Interface (UI), User Experience (UX), Full-stack, UI Design, Front-end Development, REST APIs, Full-stack Development
Experience
Touchmoon Messenger
这是新一代的移动信使.
我是这个项目的联合创始人, 开发前端和后端服务, app games, 以及我在3年多的辛勤工作中创造的许多其他功能.
我是这个项目的联合创始人, 开发前端和后端服务, app games, 以及我在3年多的辛勤工作中创造的许多其他功能.
Grga -移动订购和支付应用程序
http://grga.eu克罗地亚许多咖啡馆都有一款移动支付应用.
I acted as the co-founder and full-stack mobile developer for a mobile payment app available in many cafes in Croatia. The application is in the top 10 of the App Store, with over 100 stores and 9,000 users.
技术及应用特点:
• React Native
• Redux
• API
• Cash register connection
•支付系统(接受所有主要信用卡)
• QR reader
•Firebase认证、消息、分析、功能/后端
• Notifications
• API Connect
• UI/UX
• App Store and Google Play
Apps.apple.com/hr/app/grga-tvoj-digitalni-konobar/id1439087229?l=hr
Play.google.com/store/apps/details?id=com.grga&hl=e
I acted as the co-founder and full-stack mobile developer for a mobile payment app available in many cafes in Croatia. The application is in the top 10 of the App Store, with over 100 stores and 9,000 users.
技术及应用特点:
• React Native
• Redux
• API
• Cash register connection
•支付系统(接受所有主要信用卡)
• QR reader
•Firebase认证、消息、分析、功能/后端
• Notifications
• API Connect
• UI/UX
• App Store and Google Play
Apps.apple.com/hr/app/grga-tvoj-digitalni-konobar/id1439087229?l=hr
Play.google.com/store/apps/details?id=com.grga&hl=e
Undiet Tracker
一个应用程序，内置在React Native，减肥动机和跟踪. I came up with the idea for the app, handled coding, and designed the UI/UX.
• React Native
• Redux
• Firebase DB/storage, authentication, messages, analytics, function/back end
• Notifications
• UI/UX
• App Store and Google Play
• Landing page
Development time: 25 days
The app is available at:
• http://apps.apple.com/us/app/undiet-tracker/id1490849895?ls=1
• http://play.google.com/store/apps/details?id=com.undiet&hl=en
• React Native
• Redux
• Firebase DB/storage, authentication, messages, analytics, function/back end
• Notifications
• UI/UX
• App Store and Google Play
• Landing page
Development time: 25 days
The app is available at:
• http://apps.apple.com/us/app/undiet-tracker/id1490849895?ls=1
• http://play.google.com/store/apps/details?id=com.undiet&hl=en
AirQuality and Weather Chat
http://apps.apple.com/us/app/airquality-and-weather-chat/id1495791987?ls=1• Air Quality cover more than 11,000 world stations in more than 1000 cities. 实时数据涵盖所有污染物的所有相关空气质量信息.
•20万个城市的实时天气数据
•聊天，基于最近的测量站
• React Native
• Redux
•Firebase认证、消息、分析、功能/后端
• Notifications
• API connect
• UI/UX
• App Store and Google Play
• Landing page
Development time: 20 days
•20万个城市的实时天气数据
•聊天，基于最近的测量站
• React Native
• Redux
•Firebase认证、消息、分析、功能/后端
• Notifications
• API connect
• UI/UX
• App Store and Google Play
• Landing page
Development time: 20 days
Fishing Pro App
http://fishingpro.cityx.hr我积极参与了Fishing Pro应用程序的开发, 一个全面的工具，专为钓鱼爱好者和休闲垂钓者. The app features a solunar-based calendar predicting optimal fishing times and a sophisticated tracker for logging fishing activities. Users can share their experiences with the community, enhancing social engagement.
一个值得注意的创新是人工智能鱼类识别工具, which provides details like size, weight, and catch difficulty. 我的职责扩展到整合应用内购买和订阅, 利用第三方服务提高销售效率, and overseeing the app's UI/UX design to ensure a user-friendly experience. Using Redux and Firebase, 这个应用程序是作为一个强大的MVP开发的, 将科技与户外钓鱼冒险相结合.
一个值得注意的创新是人工智能鱼类识别工具, which provides details like size, weight, and catch difficulty. 我的职责扩展到整合应用内购买和订阅, 利用第三方服务提高销售效率, and overseeing the app's UI/UX design to ensure a user-friendly experience. Using Redux and Firebase, 这个应用程序是作为一个强大的MVP开发的, 将科技与户外钓鱼冒险相结合.
Education
2001 - 2005
IT工程学士学位
萨格勒布理工大学-萨格勒布，克罗地亚
Skills
Libraries/APIs
jQuery, API Development, React, REST APIs, Mapbox API, Google Maps, Facebook API, Twitter API, Amazon FPS, Node.js, Google Maps API
Tools
Adobe Photoshop, ChatGPT, Adobe Illustrator, Figma
Frameworks
React Native, Redux, Smarty
Languages
PHP, HTML5, Sass, CSS, JavaScript, SQL, TypeScript, CSS3
Paradigms
UX设计，移动设计，UI设计，移动开发，跨平台
Platforms
Firebase, Google Cloud Platform (GCP), Mobile, Mapbox, iOS, Android, Amazon Web Services (AWS)
Industry Expertise
Web Design
Storage
JSON, MySQL, Firebase实时数据库，SQLite
Other
Pixel Perfect, Graphic Design, Ajax, User Interface (UI), Icon Design, APIs, Web Development, Front-end, Front-end Development, User Experience (UX), Software Development, Full-stack, Startups, Card Payments, Payment APIs, Credit Card Processing, Design, Development, Scanning, Ticketing, Ticket Systems, Events, Event Ticketing, Minimum Viable Product (MVP), Web & Mobile Applications, Mobile App Development, Mobile UI, Mobile UX, Push Notifications, Mobile Applications, Startup Consulting, OpenAI, App UI, App UX, Full-stack Development, Live Chat, Artificial Intelligence (AI), Maps, Unique Business Ideas
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
与你选择的人才一起工作，试用最多两周. 只有当你决定雇佣他们时才付钱.
Top talent is in high demand.
Start hiring