Open Source

Browse through some of the projects and educational resources I created. You're very much invited to check out the source and hack it.

Candidus-Lite

I've been using Ghost as a blogging platform for almost a year and wanted to make it 'my' blog. Candidus lite, as the name suggests, is meant to be a lightweight and performant theme. The theme is still in its alpha, but I'd like to place it on the Ghost marketplace once I feel like it's mature.

What I learned:

  • Develop a Ghost theme from (almost) scratch
  • Organize CSS and JS files logically (in this case, by context)
  • Use and adjust Gulp for building and deployment
Github Repos

Radunia

After getting a grip on Docker, I wanted to build a full-stack MEVN app with it. In the future, I intend to build upon it, add new components and functionalities and use it as a boilerplate for projects.

In case the name is familar: Yes, I named it after a Divine Beast 🦎

What I learned:

  • The simplicity of authentication with JWT
  • How to compose a MEVN app with Docker and docker-compose
  • Use modular MVC architecture on an Express.js backend
Github Repos

Radunia-components

After building Radunia, I figured I built some cool components on the way, so I decided to put them into a showcase. And since I wanted to gather some experience using modern doc tools (and loved using Vite during development), the logical decision was Vitepress.

The project is in constant WIP, I'll add more components over time.

What I learned:

  • Use Vitepress to layout and write technical documentation
  • Logically organize components, directives, and libraries (composable functions)
  • Static hosting, Git Hooks and Github Pages
Components Showcase Github Repos

My first open-source pull request

They say you never forget the first one. I built a little Pokédex feature as part of a beginner-friendly repo for Hacktoberfest 2021.

GitHub - vedangj044/just-calling-random-api: React app to call various APIs. A place for new contributors to learn how to consume their APIs and contribute to open-source. Part of Hacktoberfest.
React app to call various APIs. A place for new contributors to learn how to consume their APIs and contribute to open-source. Part of Hacktoberfest. - GitHub - vedangj044/just-calling-random-api: ...

What I learned:

  • A little bit of React & functional components
  • Contribute to other repositories with pull requests
Pull request

Convertible

I was inspired to build this app while discovering tools for a previous development named Color Cooper. It uses Sharp under the hood, is kept simple but powerful.

What I learned:

  • How to process an image from the client to the serverside.
  • Build a drag & drop upload section with Vue.js ( I also wrote an article about this ).
  • How to include Tailwind.css into a Vue project and customize it.
Github Repos

Cheatsheets

During my work and projects, I've created some dedicated cheat sheets about topics one I had to review on a regular basis when working in web development. They're created to be printable on a standard A4 page.

How to design a webapp from scratch

tq-bit/dev-cheatsheets
Contribute to tq-bit/dev-cheatsheets development by creating an account on GitHub.
Cheatsheet 01: Build a webapp

How to design a data structure

tq-bit/dev-cheatsheets
Contribute to tq-bit/dev-cheatsheets development by creating an account on GitHub.
Cheatsheet 02: Build a data structure