Portfolio Webpage

Portfolio

Recipe Box

It's possible to create recipes that have name and ingredients. All new recipes add are saved in browser's local storage. If page is refreshed, the recipes will still be there.
Used methods: React and SCSS. Github
View »

Camper Leaderboard

You can see a table of the Free Code Camp campers who've earned the most brownie points in the past 30 days. You can see how many brownie points they've earned in the past 30 days, and how many they've earned total. It is also possible to toggle between sorting the list by how many brownie points they've earned in the past 30 days and by how many brownie points they've earned total.
Used methods: React and SCSS (with compass, breakpoint and susy).
View »

Markdown Previewer

Markdown is a way to style text on the web. You control the display of the document; formatting words as bold or italic, adding images, and creating lists are just a few of the things we can do with Markdown. With this application you can see a preview of the output of your markdown that is updated as you type.
Used methods: React and SCSS (with compass, breakpoint and susy).
View »

Simon® Game

The game generates a sequence of lights and sounds which the player must follow, the sequence grows by one colour every turn and ends when the player makes a mistake or repeats the maximum number of colours in a sequence (20). In strict mode the game restarts at a new random series of button presses if the player makes a mistake.
Used methods: HTML5, CSS, javascript and JQuery.
View »

Tictactoe

You can play a game of Tic Tac Toe with computer. You can choose whether to play as X or O. Computer plays with optimal strategy.
Used methods: HTML5, CSS, javascript and JQuery.
View »

Pomodoro Clock

Timer to break down work into intervals, traditionally 25 minutes in length, separated by short breaks.
Used methods: HTML5, CSS, javascript and JQuery.
View »

Calculator

With calculator it is possible to perform arithmetic operations on numbers. You can do only addition, subtraction, multiplication, and division.
Used methods: HTML5, CSS, javascript and JQuery.
View »

Twitchtv Streamers

You can see if selected users are streaming on Twitch.tv. If user is currently streaming then there is additional details about what they are streaming. There is also a placeholder notication if the streamer has closed their Twitch account. View can be filtered with radio buttons and search items.
Used methods: HTML5, CSS, JQuery and AJAX.
View »

Wikipedia Viewer

You can search wikipedia entries base on key words. Search field autocompletes the search and gives 10 proposals. While listing wikipages the thumbnail image is also fetched if page contains that.
Used methods: HTML5, CSS, JQuery and AJAX.
View »

Local weather

You can see the weather in current location or search weather on specific city. Weather icon and wind direction icons are updated based on the weather. You can change between Fahrenheit and Celsius.
Used methods: HTML5, CSS, JQuery and AJAX.
View »

Your Moving Companion

Simple web page to test API calls.
Used methods: HTML5, CSS, JQuery, JSon and AJAX.
View »

Random Quote Machine

Machine produced random quotes. Quote can be send to twitter.
Used methods: HTML5, CSS animation, JQuery.
View »

Tribute to Michael Porter

My first Free Code Camp project. A simple responsive web page.
Used methods: HTML5, CSS and Bootstrap.
View »

About

Sami Kangas