Giter Club home page Giter Club logo

fukuo's Introduction

Image of Madotsuki

Faiz Ichsan Jaya | Portfolio Site

Netlify Status

Source code for fukuo.design, a portfolio web for showcasing my work

Colophon

Development

  • Node.js >= 10.0.0 version
# install dependencies
$ npm run install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

License

The source code to the website is available under the MIT License

fukuo's People

Contributors

dependabot[bot] avatar fukou avatar

Stargazers

avatar avatar

fukuo's Issues

Add color determiner if a color is bright or dark for button on the project details

On the project details specifically for the button that leads to the live site, if we have a darker background color, the arrow still has a black color. It would be nice if we have an ability to detect if a color is bright or dark.

Button with an arrow on the project detail

In summary, if a color is bright the arrow is black and virce-versa.

I have been using this script from this article https://awik.io/determine-color-bright-dark-using-javascript/ for a while but have no idea on how to impelement this on Nuxt.

[Website] Revamp the portfolio website (v.2)

Description

It's been a while since the website needed an overdue update. I plan to recode it from scratch using Next.js (Typescript + React) and TailwindCSS.

The tech stack would be:

I'm considering moving away from the headless CMS (the current/first version uses DatoCMS). While it's convenient to update content directly from the platform, I don't think it's worth the time and added complexity, especially considering how rarely I update the content. Using markdown-based content would be more beneficial for me, I believe.

Design

I've created a new design for this on Figma:
(https://www.figma.com/file/SHxMr83idVuCM1AJsCOxjv/Fukuo-Portfolio-v.2?type=design&node-id=1275%3A454&mode=design&t=dqpAktKEaS5cYN4Y-1

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.