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
Tutorific
Web app with React + Redux frontend and Koa + Mongoose backend that wasn’t (yet, hopefully) launched but could provide a fully automated platform to connect children from underprivileged families struggling in school with university students willing to provide free tuition. Similar to how eBay or Craig’s List connect buyers and sellers in a manner that doesn’t require any manual oversight.
Inspired by Studenten bilden Schüler.
' 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)