Covid Info

Vanilla JavaScript client side API app displaying the covid data for a selected country with a data visualisation (Google Charts). User can select a country and a number of days. Fetching the data from a public API. Fully responsive (by changing the browser window size, need to refresh for the Google Charts to be re-rendered to adjust).

• HTML
• CSS
• JavaScript
• Google Charts

Weatherize

A responsive web weather app . The app is using geo-location to determine user's ocation and a public API for the weather data. Unregistered users can check the weather for their current locations and for their locations queries, while creating an account allows to save the favorite locations and see the data right on the dashboard. The weather data is presented in current, hourly and daily (2 weeks) modes and is enhanced with graphics/charts.

• HTML
• CSS
• Create React App
• React
• Recharts
• Node.js / Express
• MongoDB

Entwicklungshelfer

AGdD is a non-profit organization focused on the development service (Entwicklungshelfer), which is a special form of engagement - with contractual conditions and benefits regulated the German development worker law from 1969. Frontend / styling project completed for Q4U Agency, with Docker, gulp, Typo3 (content management platform) and SCSS(SASS).

• Docker
• gulp
• SCSS(SASS)
• Typo3

Vanilla JavaScript Menu

A simple menu, usually taken from some existing library, but I have built it from scratch using only vanilla JavaScript, HTML and CSS:

• opens when clicking on the element
• switches between the submenus
• second click on the currently opened item closes the menu
• "Esc" and a click outside the menu closes the entire menu
• responsive - from 500px changes to hamburger with the same functionality for submenus
• menu items and menus can be added or removed in HTML only (with proper classes) without the need to adjust JavaScript

• JavaScript
• HTML
• CSS

Movies API - React client side

The client-side for the MoviBase application allowing users to view the details of the movies from the data base. Users need to create account and all the available movies will be displayed upon login. Then they can review particular titles, as well as their directors and genres. Users can also edit their profile data.

• JSX
• SCSS
• JavaScript
• React
• Bootstrap

Movies API - Angular client side

The Angular version of the client-side for the MoviBase application allowing users to view the details of the movies from the data base. Users need to create account and all the available movies will be displayed upon login. Then they can review particular titles, as well as their directors and genres. Users can also fav and unfav movies and edit their profile data.

• HTML
• SCSS
• TypeScript
• Angular
• Angular Materials

Movies API

This is the server-side part of my movie API that contains endpoints for the information regarding movies from tha data base (titles, descriptions, directors, genres and visuals) as well as on directors, genres and users. Tested with Postman during the development process.

• JavaScript
• Node.js
• Express
• MongoDB
• Postman

Pokemons API

The app features the names of the Pokemons and fetches the data from the API when a button with a name of an individual Pokemon is clicked, opening a modal with the name, height and image of the selected Pokemon.

• HTML
• CSS
• JavaScript
• jQuery
• Bootstrap

Evently (Google calendar API)

Evently is a serverless progressive web app fetching the data on the wed-dev events worldwide from the CareerFoundry calendar. It is using the Google API Calendar, OAuth, Serverless and AWS.The frontend has been built with React (with Create React App).

• JSX
• SCSS
• JavaScript
• React
• Serverless
• AWS
• OAuth
• Jest
• Recharts

TalkNow (React Native chat app)

TalkNow is a native app (mobile communicator). Users enter their name and select the color which will be used for rendering the start button, their messages bubble and the custom actions button. Possibility to send text messages, images (from the gallery and taken with the camera) and own location. Stores messages and displays when the user is off-line.

• JSX
• React Native
• Expo
• Firestore/Firebase
• Gifted Chat