Giter Site home page Giter Site logo

peperini / floema-awwwards Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 39.41 MB

This project is a re-build of an amazing website that was featured as the Site of the Day on awwwards.com. The goal of this project is to showcase my web design and development skills and recreate the visual and interactive elements of the original website.

Home Page: https://floema-awwwards.vercel.app

License: MIT License

JavaScript 57.89% Pug 22.50% SCSS 18.26% GLSL 1.35%
creative-coding creative-web-design gsap html javascript ogl re-build scss web-design webgl

floema-awwwards's Introduction

Hi there ๐Ÿ‘‹ I'm Armando Felix

๐Ÿ”ญ Dedicated Web Application Developer with over 6 years of leadership in both remote and on-site web projects, specializing in UI/UX design and frontend programming. I'm passionate about designing and creating cutting-edge and creative digital web experiences using WebGL, Shaders, JavaScript, and a wide range of cutting-edge tools and technologies that I've used in the past:

Web Programming:

  • ๐Ÿฅฝ 3D Rendering: WebGL, Threejs - For web 3D experiences.
  • ๐ŸŽ  Graphics & Animation: Shaders (graphic effects), GSAP (animations), D3js (data visualizations).
  • ๐Ÿ‘จโ€๐Ÿ’ป JavaScript & Extensions: JavaScript, TypeScript - Enhancing web page interactivity and structure.
  • ๐Ÿงน Utilities & Libraries: Lodash, npm, Vite, Webpack - Facilitating and improving programming.
  • ๐Ÿ‘โ€๐Ÿ—จ Design & Templating: SVG, Handlebars, Pug, SCSS - Efficient design and templating methods.

Web Design:

  • ๐Ÿ”ฌ Design Methods: Design Thinking, Double Diamond - Creative problem solving and expansive design processes.
  • ๐Ÿ™‡โ€โ™€๏ธ UI/UX Design Tools: Figma, Sketch - Prototyping, mockups, and stakeholder communication.
  • ๐Ÿ’ปGraphics & Editing: After Effects (animations), Illustrator (vectors), Photoshop (photo editing).
  • ๐Ÿงพ Usability & Testing: Usability Testing, Competitive Audits, Information Architecture.
  • ๐Ÿ—ณ Feedback & Insights: Hotjar, Interactive Design, Motion Design.

Tools I have experience with

11ty Vite babel blender css3 d3js express figma git GitHub graphql html5 illustrator after effects photoshop javascript mongodb nodejs pug sass typescript webpack xd

๐Ÿ“ซ How to reach me:

armando felix armando felix armando felix armando felix

floema-awwwards's People

Contributors

peperini avatar

Watchers

 avatar

Forkers

pi-sulaiman

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.