Jarne: Dev Portfolio
👨💻 JavaScript PHP Swift | 🧱 React Next.js Gatsby Docker | 📚 Business Informatics student
Based in Germany · Mail: dev@jarne.rocks
Featured Projects
Collaborative Website Bookmarking and Tagging app
JavaScriptExpressReactMochaMongoDBMinIODockerCircleCI
Colly is a web-based application designed for effortlessly collecting and organizing your favorite URL's and websites. With Colly, users can create a personalized library of web pages.
URL Organization with Tagging
Users can categorize collected URLs using customizable tags in workspaces with configurable permissions, with the relationships stored in the MongoDB database and managed by the Node.js/Express backend.
Metadata Fetching
Saved website are automatically craweled using a library to fetch important information, such as its title and meta description. Site icons and preview banners are stored using an external S3-compatible object storage (like MinIO or Amazon S3).
Easy-to-use interface
Collected URLs are managed using a responsive React frontend, providing an intuitive user experience for managing, sorting and filtering links and tags.
Deployment & CI/CD
The application is orchestrated using Docker Compose as a multi-container environment. All back-end services are unit tested and linted using a CI workflow, and an automated CD pipeline builds a Docker image once a new version is published.
Password and Passphrase generator on the web
JavaScriptReactViteGitHub ActionsAWS S3AWS CloudFront
PassPanda is a user-friendly static web application designed to facilitate the generation of secure passwords and Diceware passphrases.
Memorable Password Generation
PassPanda can generate common passwords with customizable parameters such as length and inclusion of letters, numbers, and special characters. Users can also choose to generate easily memorable passwords using the omgopass library.
Diceware Passphrases
Diceware passphrases can be generated thanks to a browser-native implementation of the Diceware algorithm, creating strong yet memorable passwords based on the EFF word list.
Implementation of Passwort Generation
Both the standard and Diceware password generation are implemented in JavaScript and run locally in the browser, using the browser's secure crypto.getRandomValues API.
User Experience
PassPanda provides handy features to improve the user experience, such as buttons for copying the password to the clipboard, generating a new one, and a system-native dark mode. It can also be installed locally as a Progressive Web App (PWA).