The man is sitting by the table

After hours I am amateur Web Developer and student at the freeCodeCamp

My recent project is "Build a Voting App"

Code at Github Live version
This page was updated:

My projects

One of my aims is going to the learning path at the freeCodeCamp course to achieve skills in Front End, Data Visualisation, and Back End Developing. But recently the path was changed and improved. I'm going to complete missing tasks and projects. Below are my projects in these technologies: HTML, CSS, jQuery, JavaScript, React, and D3.js. I learned about using Node.js, Express.js and the Mongo database. The list of these projects is in Back End section. Also, I built one bigger project which consists of MERN stack (MongoDB, Express.js, React.js, Node.js) where I joined together few technologies into the one project.

MongoDB + Express.js + Reats.js + Node.js Project

This project is a simple application to voting at the poll for unregistered users and the registered users can make their own poll too. It was made as a task from FCC course and I developed it from 31 December 2017 to 30 June 2018.

#24 Build a Voting App

Release date:

Project Code at Github

This app is a full stack JavaScript app. It means that I created both Front End and Back End code myself. I used HTML, CSS, JavaScript, React and D3.js by the client side and Node.js, Express.js and MongoDB at the server side. The app and the database are working on my own hosting account. I used Forever as the process manager to keep the app working nonstop. (This project's task).

application's screen application's screen

Back End API Projects

These projects was made to learn Node.js, Express.js and Mongo database.

#23 File Metadata Microservice

Release date:

Project Code at Github

This simple app uses multer package to read file size sent by the form and return JSON object which contains this parameter. (This project's task).

application's screen

#22 Image Search Abstraction Layer

Release date:

Project Code at Github

This simple app inserts query with a date to the database and takes these queries back to show it. The code at Github uses localhost database, but the code at Glitch.com was modified and it uses mLab database. (This project's task).

application's screen

#21 URL Shortener Microservice

Release date:

Project Code at Github

This app can pass a URL as a parameter and you will receive a shortened URL in the JSON response. Then you can visit the shortened URL and it will redirect you to the original page. This app uses MongoDB from Mlab.com in the code at Glitch.com and the code at Github uses localhost database. (This project's task).

application's screen

#20 Request Header Parser Microservice

Release date:

Project Code at Github

This app shows some information from your request header (which is sent by your browser to the server). The server responses by sending JSON object. The response contains your IP address, your language setting in your browser and your operating system. The property "about" in the response is added by me. (This project's task).

application's screen

#19 Timestamp Microservice

Release date:

Project Code at Github

The microservice which parses Unix timestamps to natural language date and vice versa. It returns data in JSON format. (This project's task).

application's screen application's screen

D3.js and Data Visualisation projects

These projects are done to learn how to use the D3.js library and how to show data in a better way.

#18 Map Data Across the Globe

Release date:

Codepen Code at Github

Using a map within D3.js library to show data with geolocation coordinates. (This project's task).

application's screen

#17 National Contiguity with a Force Directed Graph

Release date:

Codepen Code at Github

This project presents data with D3.js and animates the graph. (This project's task).

application's screen

#16 Visualize Data with a Heat Map

Release date:

Codepen Code at Github

This project realizes different method to show data by using D3.js (This project's task).

application's screen

#15 A scatterplot graph

Release date:

Codepen Code at Github

Next small project is written with SVG and the D3.js. It is similar to previous one. (This project's task).

application's screen

#14 Bar Chart Visualisation

Release date:

Codepen Code at Github

First project with using the D3.js library and SVG. A simple bar chart shows data from API. (This project's task).

application's screen

React.js projects

These projects are done to learn how to use React.js

#13 Roguelike Dungeon Crawler Game

Release date:

Codepen Code at Github

The simple RPG game with using React.js. It displays characters as graphic. It consists of four levels, a different monster on each level and some weapons to find. The game has a full or limited view. It is an educational project so the game is not good balanced. (This project's task).

application's screen

#12 The Game of Life

Release date:

Codepen Code at Github

It is a simulation based on famous Conway's Game of Life. The task was to start simulation automatically after page loading. If the game is stopped you can add or remove cells. The button Clear is to clear all the board only. After that, you can draw your own pattern and start your own simulation. If you want to start randomly a simulation you need to refresh the page. I used React.js to render this game. (This project's task).

application's screen

#11 A Recipe Box

Release date:

Codepen Code at Github

The application is similar to TODO list or CRUD application. It uses React.js and Local Storage in a browser. You can read, add, edit and delete a recipe. (This project's task).

application's screen

#10 A Camper Leaderboard

Release date:

Codepen Code at Github

This React.js application shows a list of students at the freeCodeCamp sorted by the most achieved points during last 30 days or list of students which achieved the most points in total. There is a difference between my code at the Github and at the Codepen, because I used npm manager and create-react-app packet to build this application, but later I posted only source code to Codepen with small modifications. (This project's task).

application's screen

#9 Markdown Previewer

Release date:

Codepen Code at Github

In this application, you can type and watch a marked text. I used the React.js and the library Marked. (This project's task).

application's screen

JavaScript projects

These four projects are done to learn basics of JavaScript.

#8 Simon Game

Release date:

Codepen Code at Github

The online version electronic game titled Simon Game with using sounds to training memory. Javascript has used also. (This project's task).

application's screen

#7 Tic Tac Toe Game

Release date:

Codepen Code at Github

Another project with using Javascript. The Tic Tac Toe game against simple AI. The opponent chooses fields randomly. (This project's task).

application's screen

#6 Pomodoro Clock

Release date:

Codepen Code at Github

The clock written in JavaScript is used to work with Pomodoro technique. You can also change work time, break time and numbers of repeats. My first project when I was using GitHub. (This project's task).

application's screen

#5 JavaScript Calculator

Release date:

Codepen

This simple calculator was written in JavaScript. (This project's task).

application's screen

jQuery projects

These projects are done to learn how to use jQuery.

#3 Wikipedia Viewer

Release date:

Codepen

The search engine shows links to search results in Wikipedia with a short description. There is also a random search button. This application uses the Wikipedia API and jQuery. (This project's task).

application's screen

#2 Show the Local Weather

Release date:

Codepen

This project uses jQuery and browser navigator to get geolocation coordinates and then gets data from external API and presents them. (This project's task).

application's screen

#1 Random Quote Machine

Release date:

Codepen

Simple application with using jQuery. It shows a random quote after clicking the button and has the possibility to send them to Twitter. (This project's task).

application's screen

About me

I am an amateur Front End Developer. After hours I'm studying websites development at the freeCodeCamp course. I achieved Front End Certificates, Data Visualisation Certificates and I tried to get the next certificate in Back End technologies. But these certificates are a legacy now. So now I am completing the new additional tasks to achieve new certificates.

I'm from Poland and I live in a small town nearby Kraków. I'm looking for a mentor or company which help me increase my skills. I have a full-time job now (not connected with web developing), but also I'm available for someone for one or two days per week in my free time (from Monday to Friday also).

My skills are basic in

The programming is a good fun for me, so I recently started to discover C++. The results of my "Sundays with C++" are on my GitHub account.