Projects Portfolio

I think the best way of learning is by getting down to coding and build. I really appreciate feedback on anything that I have built!


Smiley face

React Native Storybook Boilerplate

2020-07-28
frontend
mobile

Building a UI library for React Native together with storybook is a good experience, but it's hard to display the components on the web, therefore I want to transpile the react-native component through the react-native-web project so I can display them easily on the web. It's the ultimate library development setup meant for kickstarting ui library development for react-native.

react
react native
react native web
storybook
babel
webpack
Smiley face

WIP: Brewtime.

2020-03-03
frontend
backend
mobile

Brewtime is a fake work in progress project where I'm learning to build a full cycle, fullstack, web + mobile application. Graphql backend is running Express / Apollo server, frontend is made using react and mobile (iOS/ Android) using react native. Authentication flow will be JWT based.

react
react native
expressjs
graphql
apollo-server
styled components
Smiley face

Ignis by Tiket

2020-06-03
work
frontend
mobile

Events inventory management app. This app helps to support Tiket.com ToDo Partners by giving robust functionality in managing their inventory orders. You can easily find customer information and ticket redemption details in real-time. Architected by a beloved tech-lead who sadly departed the team, otherwise I'm the only developer on the apps. iOS coming soon.

React Native
React Native Camera
Redux
REST
Styled Components
Smiley face

react-native-value-picker

2020-05-18
backend

The Native picker on Android is a modal / dropdown design which is vastly different from the native iOS picker. In my current project we wanted a design more similar to the iOS native picker, and thus I created this Scroll Picker as a replacement on Android, but it works equally well on iOS for instance as an alternative to @react-native-community/picker native iOS picker module.

react-native
npm
npm-package
Smiley face

REST-Express-Mongo-Backend-Boilerplate

2020-01-18
backend

Hit the ground running with this powerful production worthy REST Backend API Boilerplate. Comes with user models, password hashing and sending JWT. Stack: Node, Express, MongoDB+Mongoose.

expressjs
rest
JWT
mongoose
mongodb
Smiley face

Graphql-Express-Apollo-Backend-Boilerplate

2019-12-31

Hit the ground running with this powerful production worthy Graphql Backend Boilerplate. Comes with basic user models & resolvers, password hashing etc. Scale-able file-structure.

expressjs
graphql
apollo-server
mongoose
mongodb
Smiley face

Django-React Fullstack Notemanager

2019-05-06
frontend
backend

Fullstack REST-API Notemanager app running Django as a backend and react for building the UI. The REST-API is built using the Django Rest API framework and the JSX is served as a single page into Django Template using webpack. Instructions for local setup in repo.

react
django
python
rest
Smiley face

Gatsby React Currency Wallet

2019-05-03
frontend

A coding challenge where I was gived the task of creating an electronic wallet holding several currencies. The scaffolding was created using Gatsby.js, the UI components come from Material-UI Library.

react
material-ui
Smiley face

Official Gatsby.js Starter

2019-04-19
frontend

After completing this portfolio site, I forked the project, changed the content to make it into a starter template and got my pull-request accepted into the offical Gatsby.js project in Github. After I also joined the official maintainers team of the project.

gatsby
react
Smiley face

React Mortgage Calculator

2019-03-28
frontend

While I was buying my apartment in Sweden, I always made the calculations by hand because I could not find a calculator that gave the whole picture. Tools: create-react-app; Bootstrap4; Material-UI

react
bootstrap4
material-ui
Smiley face

React Weather-API App

2019-02-12
frontend

This app uses async-await + fetch to grab weather data from openweathermap.org open API. Bootstrap 4 CSS classes are used for styling

react
axios
rest

Carl-W. Igelstroem

carl.igelstrom@gmail.com

I'm a Swedish developer living in Hangzhou, China. I can help you build and grow your next product

Menu
Carl-W.Igelstroem © 2020, Built with & Gatsby