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
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
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
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.
vedangj044What I learned:
- A little bit of React & functional components
- Contribute to other repositories with pull requests
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.
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-bitHow to design a data structure
tq-bitGit Cheatsheets - Important Git workflows & commands
Local development
tq-bitRemote repositories
tq-bit