Hi, I am Fredrik Ridderfalk

front-end dev

a picture of Fredrik Ridderfalk smiling

What I do

Front-End Development

I produce responsive websites and web apps that provide users the best and most appropriate experience suited to their device and browser. I particularly like working on websites that have seamless transitions and require high-level performance to maintain an appealing website.

UX/UI Design

I believe it is important to understand both design and development to achieve a successful user-facing product. I enjoy the iterative process and to frequently reach out to gather user and stakeholder feedback. I plan all my work according to web content accessibility guidelines.

Mobile Development

I have experience building for both iOS and Android using React Native and prototyping using Figma. I have used the Admob platform for monetization by implementing a variety of ads. Check out my portfolio to see my latest collaborative project.

See my work

Who I am

Biologist & teacher turned developer

I am a

I became a molecular biologist, and conducted cancer research using immunotherapy, worked on developing 3D-printed human organs, and I collaborated on bringing genetically engineered wheat crops to farmers in Bangladesh that can withstand dire environmental stresses due to climate change. I then brought my passion for science into the high-school classroom. I have eagerly pioneered the use of digital learning technologies in my classrooms to increase student engagement. As the pandemic struck, I put the teaching on hold and became a self-taught developer, realizing my knack for problem-solving in the digital space. I have worn many hats and bring with me a wide set of knowledge and experience from my different professional odysseys.

My main experience is in front-end development but I also have a passion for design. I believe having experience in both design and development allows for making the most optimal user experiences. I love to code things from scratch, and enjoy bringing ideas to life in the browser.

My Work

A selection of my range of work

Padel Scorekeeping App

Collaborative project. Mobile app developed for both iOS and Android. Designed and prototyped using Figma and built using React Native. Deployed on Apple App Store and Google Play.

Keep track of the score of your padel matches with this streamlined and easy to use padel scorekeeping app.

Features:

  • Swipe ↑/↓ for point scoring
  • Supports best of 1, 3, or 5 sets
  • Play with tie-break ruleset
  • Dynamic indicator for serving team
  • Ability to undo points
  • Reset the match at any time
  • Haptic feedback for scoring

PadelMate for ⌚️iWatch coming soon!

FutureWorks - Web Application

Web app built from scratch using HTML5, CSS3, JavaScript to meet client needs. Wireframed and prototyped in Figma. 3D graphics created in Spline. Particle effects created without external libraries, utilizing HTML Canvas. Performant, responsive, accessible.

Based in Gothenburg, Sweden, FutureWorks is a music production company that offers Beat Making, Mixing & Mastering, Vocal Recording, Complete Song Services, and assisted Project Launching. They also regularly release their own underground beats.

Mockup of the FutureWorks site on desktop, tablet, and mobile

Destiny

An original 2D platformer game with multiple challenging levels. Built with JavaScript(ES6), CSS3, HTML5, utilizing Flexbox. Art was made using Pixel Art Maker. The game is a one-of-a-kind puzzle game where the objective is for the player to reach a goal by navigating through a maze, bouncing of walls. The game has an Avatar: The Legend of Aang theme and features music.

How to play:

  • Press arrowkeys up, down, left, and right to navigate through the maze
  • If you fly off outside the maze, your avatar spawns back at their starting point
  • Your goal is to find the correct path to the spinning vortex, transporting you to the next level
  • Click anywhere on the screen to play/pause game music
  • The game features 6 unique and challenging levels
  • Level 4 is really tricky. Think you can solve it?

Movie Search

Developed with React. A streamlined movie search application utilizing The Movie Database API.

Chrome Dashboard

A Chrome extension serving as a personal dashboard. The background is randomized each time the user opens a new Chrome tab, fetching high-resolution images from the Unsplash API. It displays the local time depending on where the user is located. Furthermore it displays the user's favorite crypto asset and tracks its value in real-time, displaying the highest and lowest values of the last 24 hours. Finally the dashboard displays current weather conditions by fetching data from the OpenWeather API.

Personal Portfolio

Web app built from scratch using HTML5, CSS3, JavaScript to meet client needs. Wireframed and prototyped in Figma. Performant, responsive, accessible.

Tuli Health

I had the sole responsibility to build an accessible and responsive front page and pharmacy portal for Tuli Health with Vue.js, GraphQL, SASS, and Quasar, using CI/CD in an agile environment. Portal built with a Python/Django backend, using Docker/Kubernetes/Azure infrastructure. I contributed to the design process of the front page as well as for new features of the Tuli portal using Figma and the Adobe CS.

Some features of the portal:

  • E-commerce page for pharmacies to buy diagnostic tests. Payments through Stripe.
  • GP consultation booking for users
  • Dashboard adapting to user account types
  • Test management pages updated in real-time
  • Courier delivery notifications
  • Management page for Tuli couriers, pharmacies, and labs to facilitate smooth logistics
  • Account settings
Mockup of Tuli Health front page and portal dashboard

Food Blog

For the plant-loving and plant-curious home cook. Designed in Figma and developed using React.js, Node.js, MongoDB, and Express.js

Coming soon!

Screenshot of the homepage of the Let Me Feed You blog