Code Monkey home page Code Monkey logo

resume's Introduction

Christian’s Resume

Get to know me professionally. This project aims to showcase how I write developer documentation, mainly API documentation. It also showcases my developer skills — including API design.

To meet these goals, I plan to:

  • Design and document a new REST API: ”Resume API”.
  • Build a custom docs site.
  • Build the API.
  • Use the API to display my resume on the homepage.

OpenAPI Specification

The docs/spec/src/ directory contains the OpenAPI specification, split into multiple files. This reduces duplication of code, and makes it easier to maintain the specification.

When I’m ready to release a new version of the specification, I run the following command from the root of the project:

npm run bundle-api

This command uses the bundle-api script in package.json to bundle the specification into a single file, add a version number to the filename, and store it in docs/spec/_versions/.

Docs Site

This is a work in progress. I’m using the latest version of Next.js (App Router).

I actually ended up taking a detour and building openapi-hook. This React hook makes it possible to build an OpenAPI documentation site to my exact specifications. I plan to publish it to NPM!

API

The rest (no pun intended) is in the queue.

resume's People

Contributors

christianareas avatar

Stargazers

 avatar

Watchers

 avatar  avatar

resume's Issues

Scope Out the Project

Domains:

  • resume.areas.me: Landing page (the resume).
  • resume.areas.me/docs: Docs.
  • resume.areas.me/docs/api: API reference.

High-Level To-Do’s:

  • Design the API with an OpenAPI file.
  • Create a module that parses the OpenAPI file and creates React components.
  • Style the components with Tailwind CSS.
  • Build out the reference with more documentation.
  • Build the API.
  • Use the API to create the landing page (to display the resume).
  • Add guides and how-to’s.

Future:
Make service available at resume.love!

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.