DEV Community

Cover image for Build an app for sending GIFs and win 300$!
Łukasz Wardęga for LiveChat

Posted on

 

Build an app for sending GIFs and win 300$!

https://media.giphy.com/media/th5if2irUcjPtnrn1a/giphy.gif?cid=ecf05e4744rdd1ugvjs9g2wvla0p0ur6xbbt728veo4plsn2&rid=giphy.gif&ct=g

Hello! 👋

LiveChat would like to invite you to a very special event! Our Developer Platform is running a live coding session, during which we’re going to put our design skills into practice and build an integration with Giphy. The app will allow agents to display, search for, and send gifs to the chat.

It will be a great opportunity to master LiveChat Design System, which is used both by engineers working at LiveChat and external developers building apps for the Marketplace. It will also be a chance to learn a bunch of good practices in designing web apps.

[Quick Side Note: The LiveChat Developer Platform is a space where external developers can build custom solutions for LiveChat customers. As a bonus, it’s a great source of passive income for developers who publish their apps in the LiveChat Marketplace. Our team supports developers during the whole process of creating and distributing their solutions: from sharing insights on customers’ needs to marketing new integrations.]

💻 You'll learn how to:

  • build apps that match the LiveChat look and feel.
  • optimize and speed up app development with the ready-to-use - components from the Design System.
  • apply good UX patterns in web application design.
  • avoid design anti-patterns.
  • create a Settings page for your app through Developer Console.

🛠 What we are going to do?

We'll build an integration with Giphy for displaying, searching for, and sending gifs to the chat right from the LiveChat Agent Application. Our application will store the history of sent gifs along with the filtering by date option. Additionally, we’ll add a Favorites feature. We’ll also enhance the app by a custom Settings page built through Developer Console, ensuring the app settings are always styled and displayed flawlessly.

⭐️ Prizes

The first person to correctly resolve our coding task will receive the main prize, 300$! 💸

📅 When: September 16, 2021 at 5 p.m. CEST

🔴 Where: YouTube

👨‍🏫 Host: Dominik Sławkowski, Frontend Developer in the Developer Program

[[[SAVE YOUR SEAT]]]

Hope to see you there! 🤞

Top comments (0)

The JavaScript Roundup

Stay up to date on the JavaScript world, covering React and improving your skills! Dive in and check the top articles below:

How To Optimize Your React App’s Performance

Want to improve the speed & experience of your React app? This article covers the best optimization techniques, from identifying bottlenecks to avoiding pitfalls. You'll learn how to optimize for maximum efficiency, keeping users delighted!

Top 5 MERN STACK projects to enhance your practical understanding!

Entering the MERN Stack world can be daunting. Get some practical experience with these 5 beginners projects; they will help you better understand vital elements in MERN development.

What is Strict Mode in React?

Strict Mode is super helpful, but are you using its full potential? This post explains what it is, how it works, and why using it in your applications is a game-changer!