Giter Club home page Giter Club logo

manglekuo.com's Introduction

Heading 1

Hi hi hi, this is the project where I work on my website using Next.js, which is a full-stack solution that takes the advantage of React, and make it go beyond just a front end tool.

It uses edge network to make loading extremely fast and has optimization build in for images and fonts!

Working in progress

I'm currently still working on this, I have been planning it for quite a while, and although what I've made so far is quite different from what I've planned, it's much better!

Currently we have a https://manglekuo.com homepage which is a duplicated version of my previous site made using PHP, but much faster, and with better user interface.

We also have a https://manglekuo.com/tenfacts which I was going to make it more feature free, but it's just as it is for now.

And what I'm currently working on is https://manglekuo.com/alt, and I'm very proud of it!

The idea of the center animation came when I was experimenting using Illustrator and Adobe XD, it's Illustrator's blend, but animated. It took me quite a while to figure out how to do it. I ended up expanding it to layers than used custom ExtendScript to export each frame. Then I Time ramped in After Effect. There was also grain added to avoid encoder messing up with the gradient.

And it came out great!

Present (now)

I have finished the "Find mee" section and working on the Things I did section.

The idea is to make it well-structured, easily understood, and funky and very me.

For me it's like my artwork that I want to take time to craft.

Conclusion

That's it, thanks!

2021/11/13 17:09:18 GMT+8

manglekuo.com's People

Contributors

ghcpuman902 avatar dependabot[bot] avatar

Watchers

James Cloos avatar  avatar

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.