"A fascinating venture landed on my desk recently; an opportunity to blend my love for art and technology, weaving the digital tapestry for Unveil, an innovative platform designed to empower artists to mint, sell and showcase their artwork as NFTs.

As a frontend developer at Flatline Agency, I was entrusted with the task of bringing the vision of Unveil to life. Working alongside the agency's dev ops developer [@Ammar](https://www.linkedin.com/in/ammar-yousaf-b11b52116/), a team of dedicated backend and blockchain developers from Unveil, and the creative [@Julian](https://www.awwwards.com/jury-member/Julian.mollema), the designer of Unveil, our collective aim was to create a pixel-perfect frontend that faithfully echoed the site's creative and pioneering spirit.

My responsibility was to design and develop the frontend of the Next.js application, a task that involved styling and structuring the application, along with integrating the APIs and Web3. Working closely with [@Julian](https://www.awwwards.com/jury-member/Julian.mollema), I carefully transformed each of his vibrant designs into a living, breathing piece of code. I'm a stickler for details, and the goal was to capture every pixel and effect the design envisioned with unwavering precision.

Working on Unveil.art was a unique and enriching experience that allowed me to work at the intersection of technology and art. As a frontend developer, being part of this project reaffirmed the transformative power of collaboration and the boundless possibilities of creativity when fueled by technology. Unveil.art stands as a testament to our collective efforts - a vibrant digital canvas celebrating the art of the future."

Tailwind

CSS3

JavaScript

Unveil

"Recently, I had the opportunity to work on the Oger Shopify theme, an award-winning site recognized by <a href="https://www.awwwards.com/sites/oger">Awwwards</a>, with my colleague, <a href="https://github.com/DeefDeMeef">@Davey</a>. As a frontend developer, I was responsible for implementing the design and user interface of the theme using various frontend technologies. One of the major technologies I used was GSAP (GreenSock Animation Platform) to create beautiful animations on the site.

One of the main challenges we faced was ensuring that the theme was responsive and looked great on all devices. To achieve this, we made use of CSS media queries and a mobile-first approach. This allowed us to optimize the layout and design for small screens while still providing a great experience on larger screens.

Another challenge we faced was implementing the theme&apos;s custom functionality. Shopify is a powerful e-commerce platform, but it can be complex to customize. With <a href="https://github.com/DeefDeMeef">@Davey&apos;s</a> help, we were able to use Shopify&apos;s Liquid template language and JavaScript to build custom functionality that met the client&apos;s needs. The animation created using GSAP have added a great dynamic feel to the site, bringing the site to life and making it more interactive for the user.

Overall, it was a great experience working on the Oger Shopify theme. I enjoyed the opportunity to work with my colleagues and to learn more about the Shopify platform, liquid, JavaScript, CSS and GSAP. I am confident that the final product will provide a great user experience for the client&apos;s customers."

Shopify

GSAP

Oger

"I had the opportunity to create a website using Three.js, a JavaScript library for creating 3D graphics on the web. As a developer, I was excited to take on this project, but I also knew that Three.js could be quite complex to work with. That&apos;s why I decided to take the Three.js Journey course to help me get started.

The course was a great introduction to Three.js and provided me with a solid foundation of knowledge. It covered everything from basic concepts to more advanced topics, such as lighting and texturing. I was able to learn about the different types of geometries, how to create and manipulate 3D objects, and how to add animations and interactions to my scenes.

With the knowledge I gained from the course, I was able to start building my website. One of the things I was most excited about was the ability to create a 3D environment for the user to interact with. I used Three.js to create a 3D scene with various objects, including a custom-made 3D model. I also added animations and interactions to make the scene more dynamic and engaging.

The project was a great learning experience for me and I am really proud of the final product. I think that the Three.js Journey course was a great help to me to understand the technology and how to use it to create a website that is visually stunning and interactive. I would highly recommend the course to anyone looking to learn Three.js and create their own 3D website."

Contact me!

Mike

Schaper

Work

About