I'm learning web developing at the path of the freeCodeCamp course. I am going to achieve skills in Front End and Back End Developing. Recently the learning path was changed and improved. I'm completing missing tasks and projects now.
This section contains the legacy projects, which was required to build in the old version of the freeCodeCamp course. I made them in the past.
My own projects
The most recent project which I'm building now is a simple RPG game. I started to build it in March 2019. I also built a simple task manager before. I worked at it from August 2018 to March 2019. I'm going to upgrade it in the future. The third project which I built earlier was a polling app. It was built as a task from the old version of the freeCodeCamp course. I added it to this section because it's my first app with backend stuff.
The Adventure game
Development time: from March 2019 to now
This app will be a simple RPG online board game for one player. It is not working yet. When I finish Alpha 1 version a player will be able to move on the map and hunt. The game content will be in polish language.
The Task Planner is a simple 'to-do list' app to store and manage a tasks list. The main goal is to create an app which will be well suited to organize my time. I also want to practice coding. Key features are: to-do-list app and holding data in the local storage in the browser. The main idea is to use it in one place only (ex. at home every morning and every evening).
are working on my own hosting account. I used Forever as the process manager to keep the app working nonstop.
This project was to achieve Data Visualization Certificate. The main technology used by me in this section of the freeCodeCamp course is D3.js library, which is helpful to draw charts.
Visualize Data with a Bar Chart
Release date: August 23, 2019
A simple bar chart takes data from API and by using D3 library shows it. This project was made on August 14, 2017, and on August 23, 2019, I slightly refactored it to pass the tests in the new version of the course.
Build a Pomodoro Clock
Release date: July 12, 2019
Pomodoro clock is helpful in the Pomodoro Technique. This project was refactored to achieve new requirements and refactored from vanilla JS to React.
These five projects were made to achieve Responsive Web Design Certificate. It is the first certificate in the freeCodeCamp course. The main technologies used by me were HTML and CSS. Of course, these projects are very simple. The aims were to learn the
basics of visual design, accessibility, media queries, responsive images, and building layouts.
Build a Personal Portfolio Webpage
Release date: October 14, 2018
This project was made on January 31, 2017, as a task from the old version of the FreeCodeCamp course. I rebuilt it to pass some new tests which were added in the new version of FCC course. I'm also modifying it to make it more responsive. The content was a bit changed. Of course, it is only a task. My real portfolio is here at the Mybytes.pl.
This project was made on Dec 5, 2016. Two years later on July 25, 2018, I refactored it to pass some new tests which were added in the new version of FCC course. I also modified it to make it more responsive. The content was not changed, but two unnecessary
images were deleted. Now the page has only one main image.
File Metadata Microservice
This simple app uses multer package to read file size sent by the form and return JSON object which contains this parameter.
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 the mLab database.
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 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.
The simple RPG game using React.js library. It displays characters as graphic. It consists of four levels, different monsters 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.
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 was made to fulfill requirements the old version of course task. I will review it in the future.
This project was made to fulfill requirements the old version of course task. I will review it in the future. 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 uses jQuery and browser navigator to get geolocation coordinates and then gets data from external API and presents them. This task has a new version now, but this project fulfills old requirements.