Code Monkey home page Code Monkey logo

Netlify Status

This is the source code of my personal site. Handcrafted with 11ty and hosted in Netlify.

2013 · 2019 · 2020 · 2022 · 2023 · Live


Background

Back in 2013 when I was in vocational high school, I decided to put together a portfolio website to show off my design skills. I didn't have any fancy tools at the time, just good ol' static HTML and CSS. I threw in some Bootstrap framework magic and slapped it on a shared hosting platform. Let me tell you, it was a blast!

Creating that website actually opened up a bunch of job opportunities for me. It was a two-pronged learning experience. First, I wanted to get the lowdown on design systems, from the design and user interface angles. Second, I wanted to understand the developer's side of things while building the site.

Now, I'm sharing this repository mainly for my own reference, but I thought, "Why not toss it up on GitHub for easy access and some peace of mind?" So, feel free to dig into the code and explore what I cooked up back in the day.

Installation

Clone the repository and install the dependencies:

git clone https://github.com/afnizarnur/afnizarnur.com.git
cd afnizarnur.com
npm install

# Start development server
npm start

# Build as production-ready
npm run build

License

This website is my personal project, and I've chosen to share its source code openly for educational purposes. However, please note that it's not a template. Feel free to incorporate portions of the code into your own website, giving proper attribution to the author is appreciated.

Afnizar Nur Ghifari's Projects

afnizarnur.com icon afnizarnur.com

My personal site handcrafted with Eleventy and hosted in Netlify.

awesome-framer icon awesome-framer

A curated list of awesome things related to Framer prototyping tool

awesome-ui icon awesome-ui

Awesome UI reproduced for educational purposes.

bukaruang icon bukaruang

BukaRuang is a scheduling system for Bukalapak office and everything in it!

draco icon draco

Draco is a free PSD & HTML resume template

framer-boilerplate icon framer-boilerplate

An empty Framer project that uses Gulp for live reload and CoffeeScript transpilation + Browserify to include modules

framer-firebase icon framer-firebase

The Firebase module allows your Framer prototype to load, save and sync data effortlessly between multiple sessions and devices.

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.