Get Best Ideas For Front End Projects

Build a Personal Site

[{"selector":"#anim-f1ec4897-6030-4a27-82fd-a2ba02a751dc","keyframes":{"opacity":[0,1]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-537ce4e5-dfb8-475e-9bcb-c6e8efa9a28f","keyframes":{"transform":["translate3d(-135.03651%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 1

Use Giphy’s API to recreate Giphy

[{"selector":"#anim-e1f30b54-20bb-4cc8-83e4-c9a82d700f2b","keyframes":{"opacity":[0,1]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fd2c13d3-683d-46ce-8b68-93fbaa78713d","keyframes":{"transform":["translate3d(-265.69342%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 2

Build a Content Management System for your Portfolio

[{"selector":"#anim-f242e41f-51ae-40b1-b391-50a6f7f9087b","keyframes":{"opacity":[0,1]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4226ce53-29e9-4e8d-ad6a-acf8d4ba17fb","keyframes":{"transform":["translate3d(-133.57664%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 3

Create a Chatting App by Using Vue

[{"selector":"#anim-a2c18cf9-e948-4043-bb00-3e57e24fe869","keyframes":{"opacity":[0,1]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4f1893aa-2085-4c2b-8c89-686e5df68cf1","keyframes":{"transform":["translate3d(-266.42336%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 4

Use JavaScript to Build a Quiz Game

[{"selector":"#anim-f2432dce-686d-4b88-aee0-6928d01c1d7b","keyframes":{"opacity":[0,1]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-624a3207-d964-4fb3-abd7-3bfd74693c1e","keyframes":{"transform":["translate3d(-124.08759%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 5

Use Bootstrap to Create a Landing Page

[{"selector":"#anim-9262a347-1ad2-49c4-9728-40f36a135c9e","keyframes":{"opacity":[0,1]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-16ddf34d-1b8f-4d09-8e2f-367af9d4ad75","keyframes":{"transform":["translate3d(-266.42336%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 6

Use Svelte to Build a List App

[{"selector":"#anim-f3f6f4a8-95d4-41fa-aa44-c4fcb0c5f021","keyframes":{"opacity":[0,1]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-580a5adc-94d0-49c2-b4c2-fef29eab9e2a","keyframes":{"transform":["translate3d(-134.30658%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 7

Build an Audio Player App with the Quasar Framework

[{"selector":"#anim-3e555bbe-091c-4166-8e85-fe2d34719f24","keyframes":{"opacity":[0,1]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-589f7182-72b0-4650-924d-407f3b06a5bd","keyframes":{"transform":["translate3d(-266.42336%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 8