jalalmallah Goto Github PK

api-hub

The goal of creating this project is to show the ability of working with different APIs and also to group few small projects based on API into a large one insted of creating a seperate project for each API service I found interesting. This project includes a random quote generator, weather app, song lyrics finder, meal finder and exchange rates.

bsg_task

Recruitment Task for BSG

contact-list-with-filter

A contact list app made with React and TypeScript. The contacts are fetched from the Random User Generator API. The contacts get sorted by last name and rendered into the DOM. Clicking on an item changes its state to checked and also logs to the console an array of all selected contact items. The contact list also has a filtering option by typing the searched term in the search field. Matching contacts will be shown without changing their state of being checked or unchecked. On page load a spinner animation appears while contacts are being fetched.

css-hover-effects

This is a web page which is a demonstration of some CSS hover effects, made using transform and filter properties.

form-validation-with-input-animation

This is a sample form which has an input slide-in animation and built in custom validation for the username, email, password and the password confirmation.

hotelverse-task

html5-canvas

jalalmallah

js-drum-kit

A JS drum kit app. It allows to play a specific sound on a key press. Made with Vanilla JS.

landing-page-with-modal

A sample landing page with a modal and a sliding-in sidebar, made with React.

markdown-cheat-sheet

This is a markdow cheat sheet for future reference based on the Markdown Crash Course on YouTube, which was made by Brad Traversy.

msobkiewicz-photography

Portfolio website for my photographer friend.

new-year-countdown

personal-website-gatsby

This is my personal portfolio where I showcase my latest projects and place some information about me, technologies I work with and some contact info.

post-list-redux

quote-generator

redux-boilerplate

redux-todo-list

shopping-list-mobile-app

A sample shopping list application which I created while coding along with Brad Traversy in his React Native Crash Course with some tweaks made by myself. Those tweaks include creating the project based on TypeScript, implementing React Native Extended StyleSheet for styling, React Native Async Storage for caching items (this is the equivalent of local storage in browser web apps) and also some minor UI changes and additional alerts.

to-do-list-with-ls

web-calculator

This repo contains a web calculator project, which was written in vanilla JS and the layout was done using CSS grid. The application is also optimized for mobile view (both portrait and horizontal).