I started learning web development in February 2018 when I moved to Barcelona for three months to participate in a JavaScript bootcamp at Codeworks. I had a great time, learned a lot and have been hooked on web technologies ever since. Below is a list of some recent projects and the technologies I enjoy using the most.
Recent Projects
Gatsby Paginate
Afara
Gatsby Source for Google Scholar
Ocean artUp
Studenten bilden Schüler
Tutorific
Studenten bilden Schüler
A German student-run nonprofit initiative that I co-run. SbS has about 1000 active members providing free tuition to children from underprivileged families as well as - more recently - refugees in over 20 university towns all over Germany. Our goal is to thereby contribute to more equal educational opportunities for all disadvantaged members of society.
We used to have a really old-school Joomla-powered homepage. That’s all in the past now, luckily. Instead, we now sport a shiny new Gatsby site, designed with styled-components, managed through Contentful and hosted on Netlify’s blazing fast CDN. Can you believe that you get all that goodness for free nowadays! :)
' gradientUnits='userSpaceOnUse' x1='428.098' x2='433.986' y1='401.257' y2='406.957'%3e%3cstop offset='0' stop-color='%2300aeff'/%3e%3cstop offset='1' stop-color='%233369e7'/%3e%3c/linearGradient%3e%3cpath d='M46.8 2.4h242.8c23.9 0 43.4 19.4 43.4 43.4v242.9c0 23.9-19.4 43.4-43.4 43.4H46.8c-23.9 0-43.4-19.4-43.4-43.4v-243c0-23.9 19.4-43.3 43.4-43.3z' fill='url(%23a)'/%3e%3cpath d='M172 85.7c-51.4 0-93.1 41.7-93.1 93.2S120.6 272 172 272s93.1-41.7 93.1-93.2-41.6-93.1-93.1-93.1zm0 158.8c-36.2 0-65.6-29.4-65.6-65.6s29.4-65.6 65.6-65.6 65.6 29.4 65.6 65.6-29.3 65.6-65.6 65.6zm0-117.8v48.9c0 1.4 1.5 2.4 2.8 1.7l43.4-22.5c1-.5 1.3-1.7.8-2.7-9-15.8-25.7-26.6-45-27.3-1 0-2 .8-2 1.9zm-60.8-35.9l-5.7-5.7c-5.6-5.6-14.6-5.6-20.2 0l-6.8 6.8c-5.6 5.6-5.6 14.6 0 20.2l5.6 5.6c.9.9 2.2.7 3-.2 3.3-4.5 6.9-8.8 10.9-12.8 4.1-4.1 8.3-7.7 12.9-11 1-.6 1.1-2 .3-2.9zM202.5 76V64.7c0-7.9-6.4-14.3-14.3-14.3h-33.3c-7.9 0-14.3 6.4-14.3 14.3v11.6c0 1.3 1.2 2.2 2.5 1.9 9.3-2.7 19.1-4.1 29-4.1 9.5 0 18.9 1.3 28 3.8 1.2.3 2.4-.6 2.4-1.9z' fill='white'/%3e%3c/svg%3e)
' gradientUnits='userSpaceOnUse' r='1'%3e%3cstop offset='0' stop-color='white' stop-opacity='.902'/%3e%3cstop offset='1' stop-color='%23ff6d6d'/%3e%3c/radialGradient%3e%3ccircle cx='69.375' cy='69.375' fill='white' r='69.375' stroke='black' stroke-width='.35'/%3e%3cpath d='M40.097 44.506c-.333.072-.602.247-.833.561-.238.341-.323.903-.2 1.274.103.324.667.982 1.286 1.429-.616.803-1.799 2.42-2.371 3.249-4.157 6.022-6.595 11.532-6.904 15.504-.168 2.148.249 3.649 1.238 4.817.731.86 1.587 1.349 2.966 1.642 1.131.241 2.862.23 4.609-.037-1.098 1.575-2.667 3.991-3.475 5.366-1.335 2.284-2.702 5.203-3.216 6.873-.904 2.912-1.02 5.303-.418 7.584.368 1.402.962 2.527 1.768 3.391.822.88 1.866 1.494 3.142 1.84 2.092.566 5.163.405 9.04-.508a60.25 60.25 0 003.007-.818c-.834 2.918-.741 5.581.195 7.493.302.614 1.148 1.651 1.654 2.032 3.024 2.258 9.382 2.173 17.914-.502.683-.214 2.612-.88 3.573-1.23.657.877 1.269 1.223 2.688 1.393.923.101 1.68-.048 2.398-.461.328-.19.521-.376.631-.551.179-.284.212-.576.088-.926-.119-.327-.29-.522-.597-.66-.177-.079-.435-.136-.855-.168-.327-.021-.443-.034-.617-.158l.054-.046c1.494-.631 4.719-2.242 6.708-3.352 7.279-4.06 15.056-9.782 20.235-14.891 4.693-4.625 9.242-10.396 10.181-12.869.285-.741.363-1.511.243-2.111-.102-.468-.158-.596-.61-1.134-.478-.57-.578-.623-1.019-.798-1.467-.577-3.734.059-8.202 2.787-5.715 3.489-14.195 9.968-20.171 15.418-5.886 5.362-9.753 10.049-11.187 13.487-.172.415-.167.608-.257.657-.092.051-.888.361-1.762.705-4.818 1.87-9.015 2.942-12.151 3.08-.865.039-2.246-.054-2.928-.201-.572-.122-1.275-.4-1.541-.652-.332-.309-.462-.826-.484-1.478-.029-.821.136-1.847.483-3.04.237-.805 1.071-2.888 1.486-3.697l.976-.526c5.255-1.988 11.203-4.866 16.773-8.115 7.524-4.391 16.185-10.477 23.939-16.842 4.62-3.793 7.105-6.184 9.46-9.095 1.839-2.271 3.328-4.83 3.667-6.256.246-1.013.213-1.921-.055-2.686-.283-.807-.826-1.467-1.622-1.934-2.073-1.215-5.829-.736-10.906 1.553-4.801 2.165-10.803 5.896-17.583 11.011-4.051 3.048-9.723 7.766-12.721 10.574-7.649 7.175-12.889 13.415-15.795 18.787l-.197.367c-2.571.967-6.542 2.089-8.53 2.427-1.658.278-3.258.352-4.198.167-.581-.114-1.024-.299-1.349-.633-.338-.347-.543-.838-.693-1.494-.229-1.026-.16-2.714.145-3.962.946-3.852 4.065-9.382 8.826-15.727l1.033-1.373 1.067-.412c7.054-2.709 15.812-7.582 23.58-13.127 4.305-3.076 8.934-6.894 12.08-9.969 2.499-2.443 4.497-4.694 6.04-6.799 1.36-1.863 2.215-3.436 2.6-4.771.429-1.49.295-2.712-.321-3.744-.471-.79-1.187-1.32-2.093-1.567-.829-.227-1.83-.211-2.952.089-3.255.882-8.108 3.795-15.044 9.082-1.724 1.321-7.412 6.094-9.111 7.645-7.086 6.498-13.363 13.137-18.681 19.748l-1.005 1.252-.563.168c-1.637.482-3.517.839-4.848.919-.778.047-1.809-.062-2.258-.266-.237-.105-.275-.133-.413-.321-.243-.336-.3-.657-.32-1.299-.1-2.804 1.842-7.547 5.066-12.576a69.26 69.26 0 014.151-5.763l.729-.911c2.311-.717 4.605-2.173 8.058-5.071 3.967-3.336 7.845-7.536 8.922-8.983 1.258-1.689 1.739-3.369 1.53-4.031a2.013 2.013 0 00-.764-1.013 1.818 1.818 0 00-1.206-.327c-.609.062-2.005.808-3.859 2.157-1.313.95-4.957 3.956-6.553 5.404-2.909 2.634-4.829 4.564-7.227 7.256l-.758.847a3.636 3.636 0 01-1.789-.074c-.423-.122-.75-.137-1.017-.08zm28.975 3.582c2.018-1.752 2.869-2.457 5.641-4.692 3.348-2.693 7.031-5.249 9.731-6.754 1.323-.74 2.562-1.324 3.527-1.518a14.165 14.165 0 01-.935 1.612c-1.797 2.695-4.534 5.761-8.638 9.683-1.238 1.188-7.421 6.367-8.963 7.521-5.2 3.874-9.995 6.961-14.925 9.597-.628.335-1.379.722-2.103 1.088a182.484 182.484 0 0116.665-16.537zm25.825 9.748c5.209-3.147 9.657-4.989 11.767-5.088a4.756 4.756 0 01-.207.59c-.823 1.945-3.135 4.78-6.434 7.938-1.359 1.297-6.663 5.722-9.135 7.622C79.052 77.97 69.337 84.08 59.89 88.363c1.656-2.239 3.982-4.993 6.181-7.301 4.133-4.339 9.201-8.931 14.266-12.925 5.633-4.444 10.136-7.626 14.56-10.301zm3.144 22.782c3.867-3.026 7.324-5.451 9.876-6.942-.242.327-.492.655-.727.953-4.073 5.162-8.941 9.791-15.02 14.263-3.567 2.622-7.262 5.017-10.854 7.025 2.068-2.38 4.688-4.985 8.255-8.218.929-.845 7.238-6.123 8.47-7.081z' fill='%231b1a22' fill-rule='nonzero'/%3e%3cellipse cx='69.561' cy='69.604' fill='url(%23a)' rx='22.561' ry='22.604'/%3e%3cpath d='M32.313 71.362c-.989-1.167-1.406-2.669-1.238-4.816l3.739 1.147c.02.642.077.964.32 1.299.139.188.176.217.413.322.449.203 1.48.312 2.258.265 1.331-.08 4.848-.919 4.848-.919l9.754-4.013s1.475-.753 2.103-1.088c4.93-2.636 9.725-5.723 14.925-9.597 1.542-1.153 7.725-6.333 8.963-7.521 4.104-3.922 6.841-6.988 8.638-9.683.37-.558.591-1.137.935-1.612l2.038-4.47c.89.23 1.622.778 2.093 1.567.616 1.033.75 2.255.321 3.744-.385 1.336-1.24 2.909-2.6 4.771-1.543 2.105-3.541 4.356-6.04 6.799-3.146 3.075-7.775 6.893-12.08 9.969-7.768 5.545-16.526 10.418-23.58 13.127l-1.067.412L43.3 72.2l-3.412.767c-1.747.267-3.478.278-4.609.038-1.379-.294-2.235-.783-2.966-1.643zm2.234 24.819c-.806-.864-1.4-1.989-1.768-3.39l4.273-.663c.15.655.355 1.147.693 1.493.325.335.768.52 1.349.633.94.185 2.54.111 4.198-.167 1.988-.338 5.959-1.46 8.53-2.427l8.068-3.275c9.447-4.282 19.162-10.393 30.998-19.465 2.472-1.899 7.776-6.324 9.135-7.621 3.299-3.159 5.611-5.993 6.434-7.939.084-.194.158-.413.207-.59l2.36-3.402c.796.467 1.339 1.127 1.622 1.934.268.765.301 1.673.055 2.686-.339 1.426-1.828 3.985-3.667 6.257-2.355 2.91-4.84 5.301-9.46 9.094-7.754 6.365-16.415 12.452-23.939 16.842-5.57 3.249-11.518 6.127-16.774 8.115l-.975.526-6.15 1.874c-.936.277-2.19.627-3.007.817-3.877.914-6.948 1.074-9.04.509-1.276-.347-2.321-.961-3.142-1.841zm34.952 9.537c-8.532 2.675-14.89 2.76-17.914.502l2.816-3.183c.266.253.969.53 1.541.652.682.147 2.063.24 2.928.201 3.136-.138 7.334-1.21 12.151-3.08.874-.344 1.67-.654 1.762-.705l8.533-4.166c3.592-2.008 7.287-4.402 10.854-7.025 6.079-4.472 10.947-9.101 15.02-14.263.235-.298.485-.626.727-.952l4.683-5.943c.441.175.541.228 1.019.798.452.538.508.666.61 1.134.12.6.042 1.37-.243 2.111-.939 2.473-5.487 8.244-10.181 12.869-5.179 5.109-12.956 10.831-20.234 14.892-1.99 1.109-5.215 2.72-6.709 3.351l-.054.046-3.736 1.531c-.961.35-2.89 1.017-3.573 1.23z' fill='%231b1a22'/%3e%3c/svg%3e)
' gradientUnits='userSpaceOnUse' x2='1'%3e%3cstop offset='0' stop-color='%23f3b660'/%3e%3cstop offset='1' stop-color='%23dc6f92'/%3e%3c/linearGradient%3e%3cpath d='M0 0h500v500H0z' fill='url(%23a)'/%3e%3cg fill='white'%3e%3cpath d='M500 0H0v500h500zM10 10v480h480V10z'/%3e%3cpath d='M323.902 66.279l-1.315 6.857c-2.034 12.996-1.298 16.713 4.279 21.536l5.384 4.455-5.577 24.868c-3.332 14.836-7.418 27.27-10.014 31.356-2.227 3.525-4.823 8.716-5.384 11.505-.929 3.332-4.086 6.681-8.909 9.645-4.261 2.42-12.626 8.909-18.554 14.118-4.735 4.261-7.997 6.874-9.768 7.997l-5.788 4.577c-1.859 2.981-2.911 5.384-3.314 7.208-.404 1.876-.176 3.121.421 4.033.578.877 1.578 1.491 2.946 1.877 1.619.379 3.286.515 4.945.403a52.591 52.591 0 0011.084-1.964 53.406 53.406 0 003.034-.929c1.298-1.596 4.297-4.613 9.61-9.856 14.1-13.907 19.484-21.519 13.925-19.467-2.052.737-1.122-1.122 2.403-4.84 7.435-7.243 11.697-18.186 20.606-52.507 7.05-27.095 7.05-27.481 12.241-27.481 2.438 0 9.33.421 9.33.421V66.279zm67.326 55.506c-1.123 0-2.982 1.683-4.086 3.542-2.035 3.332.368 5.367 30.988 24.482 18.186 11.522 32.847 21.343 32.479 22.097-.368.544-15.222 10.207-33.023 21.343-32.303 20.028-32.479 20.221-29.515 24.307 3.718 4.823 0 6.489 41.932-19.677l30.445-19.484v-14.661l-33.97-20.975c-18.362-11.504-34.321-20.781-35.25-20.974zm-282.088 2.052c-.929 0-16.888 9.47-35.249 20.781l-34.339 20.975v14.661l34.146 21.343c18.94 11.68 34.899 21.343 35.635 21.343.737 0 2.228-1.684 3.718-3.718 2.228-3.525.351-5.016-31.006-24.868-29.866-18.747-33.022-21.343-30.041-23.377 1.859-1.298 15.959-10.031 31.181-19.484 34.707-21.343 32.848-19.87 30.059-24.324-1.105-1.842-2.981-3.508-4.086-3.332zm152.294.403c-5.121-.035-16.134 7.769-49.104 34.689-1.421 3.385-1.543 5.717-.895 7.225.421 1.035 1.193 1.754 2.263 2.28 1.052.526 2.42.842 3.928.965 2.999.263 6.542-.211 9.4-.772l1.929-.438a6.78 6.78 0 012.526-2.07c2.034-1.122 10.575-8.909 19.115-17.257 15.03-15.222 18.555-22.097 12.434-24.324a4.201 4.201 0 00-1.578-.298zm38.512 10.575c-4.507.123-12.627 5.349-26.534 16.45-6.98 5.665-11.399 8.716-13.766 9.347l-9.19 7.261c-3.455 6.313-3.963 10.224-3.052 12.381a4.384 4.384 0 002.421 2.35c1.339.529 2.768.797 4.209.789a38.222 38.222 0 0010.171-1.49 60.796 60.796 0 005.104-1.614l.508-.21.93-.491c1.753-2.263 5.787-6.524 10.838-11.435 15.959-15.397 24.113-26.341 22.447-30.427-.754-1.981-2.051-2.981-4.086-2.911zm-42.51 18.94c-1.298.141-4.209 2.385-9.453 6.98-7.576 6.699-15.836 10.558-18.695 8.839-.664.15-1.33.29-1.999.421-2.911.579-6.541 1.052-9.786.789a12.418 12.418 0 01-4.419-1.105 5.907 5.907 0 01-2.946-2.981c-.649-1.578-.649-3.543.087-6.051l-11.399 9.365-25.797 21.343v34.601l84.53-66.589a7.184 7.184 0 01.28-2.157c.649-2.35.614-3.542-.403-3.437zm36.372 11.207c-1.28 0-3.42 1.806-6.839 5.436-4.648 4.963-11.961 9.769-15.837 10.751l-.596.315c-.636.263-1.279.509-1.929.737-1.052.351-2.42.771-3.998 1.192-3.157.86-7.086 1.649-10.593 1.561a12.847 12.847 0 01-4.823-.947 6.038 6.038 0 01-3.227-3.157c-1.017-2.437-.613-5.857 1.614-10.715l-74.569 58.733V250h32.76l69.483-54.576c1.806-1.999 4.524-4.735 8.19-8.155 9.821-9.102 12.048-12.241 12.048-16.888 0-3.613-.404-5.437-1.684-5.437zm16.538 34.197l-5.945 5.928c-3.332 3.157-9.278 7.05-13.346 8.716l-.807.351-.053.087-.175.176c-.158.123-.228.14-.351.193a60.45 60.45 0 01-4.945 1.631 53.672 53.672 0 01-11.399 2.017 18.152 18.152 0 01-5.437-.474 6.391 6.391 0 01-3.823-2.525c-.842-1.298-1.087-3.034-.614-5.174a19.488 19.488 0 011.666-4.384L209.05 250h74.569l8.909-10.207c12.241-14.275 17.818-24.482 17.818-33.215z' fill-rule='nonzero'/%3e%3ctext font-family='Arial%2c sans-serif' font-size='65' transform='translate(-1.073 -81.23)' x='58.526' y='452.572'%3estyled%3c/text%3e%3ctext font-family='Arial%2c sans-serif' font-size='65' transform='translate(-1.073 -81.23)' x='58.526' y='519.698'%3ecomponents%3c/text%3e%3c/g%3e%3c/svg%3e)
' gradientUnits='userSpaceOnUse' r='1'%3e%3cstop offset='0' stop-color='%2393b4e7'/%3e%3cstop offset='.59' stop-color='%23b9d1f8'/%3e%3cstop offset='1' stop-color='%239cb6e0'/%3e%3c/radialGradient%3e%3cg fill-rule='nonzero'%3e%3cpath d='M1081.27 3.859L2.52 627.89v1248.07L1081.27 2500l1078.76-624.04V627.89L1081.27 3.859z' fill='url(%23a)'/%3e%3cpath d='M1081.29 636.859L546.33 946.315v618.929l534.96 309.464 534.96-309.464V946.315z' fill='%236f95db'/%3e%3cpath d='M1081 0L0 628.287l1081 589.727 1081-585.876L1081 0zm0 1298.96L0 1873.27l1081 624.42 1077.15-628.279L1081 1298.968z' fill='white' fill-opacity='.098'/%3e%3c/g%3e%3c/svg%3e)