The Vaadin Wiki is temporarily in read only mode due to large recent spam attacks.

FrontPage

GSoC 2017

GSoC 2017 - Project Ideas #

Valo editor: real-time tuning of Valo theme #

Valo is parametrized styling engine for Vaadin 8 components and applications. With this editor, user can visually edit the theme parameters using color pickers, sliders and entering values and immediately see the end result in example UI. Editor should export (or edit directly) a theme file that can be used in application.

Skills needed / You’ll learn: Vaadin 8, Java 8, CSS3, UX/UI Design

Difficulty: Easy


Dot Hopper add-on #

Web component, Java API and add-on packaging for animated paging component: http://codepen.io/pyrografix/pen/bpePBa

Skills needed / You’ll learn: Polymer, Web Components, Java 8, Vaadin 8, Maven, NPM, Bower, Component API Design, UX, CSS3 Animations

Difficulty: Easy


Java-JavaScript Client-Server Validation library #

Pluggable validation library for Vaadin Framework components, packaged as an add-on. This should enable secure “double validation” pattern, with fast and responsive client-side pre-validation combined with secure server-side validation, using only single Java API. Should support at least the JSR-303 validation framework and validators.

Skills needed / You’ll learn: JavaScript, GWT, Java 8, Vaadin 8, Maven

Difficulty: Advanced

                                     

2-Factor Authentication add-on #

2FA, two-factor authentication (or two-step verification as it’s also called) has been in the news regularly lately, as more and more sites implements it - unfortunately usually after being hacked.

Technically 2FA is very easy to implement using existing libraries, and there is really no reason not to. And you can easily verify that your implementation is generating the one-time passwords correctly by using e.g Google Authenticator on your phone - if they generate the same numbers, it’s working. More: http://blog.porotype.com/2015/06/01/please-use-otp/

Skills needed / You’ll learn: Polymer, Web Components, Java 8, Vaadin 8, Maven, NPM, Bower, Component API Design

Difficulty: Medium

        

Social Network Cards #

Have you ever wondered where the little ‘preview’ thumbnail comes from when you share links on Facebook (and G+), and how you might go about customising that for your Vaadin application? Read on!

Facebook actually crawls the page you share for suitable images, but this does not always work out in an optimal way. For instance, since Vaadin applications are loaded dynamically, Facebook previews do not work at all. Fortunately you can get around this by customising the Vaadin ‘bootstrap’ page - or any web page for that matter. More: http://blog.porotype.com/2014/02/07/sharing-vaadin-applications-on-facebook

Skills needed / You’ll learn: Java 8, Vaadin 8, Maven

Difficulty: Advanced


Long-press Button #

A button component that gets activated after pressing for N milliseconds; and animate during the press. This can be used for application actions that should not be accidentally invoked. This component should be packaged as Vaadin add-on.

Skills needed / You’ll learn: Polymer, Web Components, Java 8, Vaadin 8, Maven, NPM, Bower, Component API Design, UX, CSS3 Animations

Difficulty: Easy


Swipe action mobile widget #

A single component container Swipe left/right for action, with optional confirm button. This pattern is often used for deleting/removing items from lists. Optional confirmation button, with a caption could be used. This component should be packaged as Vaadin add-on.

Skills needed / You’ll learn: Polymer, Web Components, Java 8, Vaadin 8, Maven, NPM, Bower, Component API Design, UX, CSS3 Animations

Difficulty: Medium


Show/hide Password field #

PasswordField component with toggle eye-button to show/hide the password text.

Skills needed / You’ll learn: JavaScript, Java 8, Vaadin 8, Maven, UX, CSS

Difficulty: Easy


Mad libs layout #

Layout for natural language forms that present the form inputs embedded within a sentence, written in natural language. This component should be packaged as Vaadin add-on. Read more at http://www.jroehm.com/2014/01/ui-pattern-natural-language-form/

Skills needed / You’ll learn: Polymer, Web Components, Java 8, Vaadin 8, Maven, NPM, Bower, Component API Design, UX

Difficulty: Easy


Tagging extension to TextField #

Skills needed / You’ll learn: Polymer, Web Components, Java 8, Vaadin 8, Maven, NPM, Bower, Component API Design, UX, CSS3 Animations

Difficulty: Easy


Identicon widget #

Identicons are NxN “large pixel" icons that are generated from hash of username or email and used to identify users. Typically used instead of user profile pictures in web applications. This component should be packaged as Vaadin add-on. See more: https://github.com/blog/1586-identicons

Skills needed / You’ll learn: Polymer, Web Components, Java 8, Vaadin 8, Maven, NPM, Bower, Component API Design, UX, CSS3 Animations

Difficulty: Easy


3D layout with animations #

3D Vaadin layout component for presentations. With this component data can be presented in 2D/3D space. User should be able to navigate between layers that contain other components as content. This component should be packaged as Vaadin add-on. Read more at: https://github.com/impress/impress.js/

Skills needed / You’ll learn: Polymer, Web Components, Java 8, Vaadin 8, Maven, NPM, Bower, Component API Design, UX, CSS3 Animations

Difficulty: Easy


Skrollr layout #

Declarative parallax scrolling layout component to create long scrolling pages with content positioned based on the scroll position. This component should be packaged as Vaadin add-on More information at: https://github.com/Prinzhorn/skrollr

Skills needed / You’ll learn: Polymer, Web Components, Java 8, Vaadin 8, Maven, NPM, Bower, Component API Design, UX, CSS3 Animations

Difficulty: Easy

0 Attachments
1027 Views
Average (0 Votes)
Comments
No comments yet. Be the first.