Skip to content

berraknil/portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 

Repository files navigation

For a detailed list of skills and resume please visit my website

PROJECTS

Soundminer Alloy (built with React, Redux, Web Audio API, Redux-Promise-Middleware, React-Router v4, Formik, Axios)

Soundminer Alloy

Fetching data from the WordPress REST API for the Menu, About and Contact pages. Using Axios for API calls, redux-promise as the Redux middleware to resolve promises and React-Router-Dom (new in React-Router v4) for routing. Deployed using Zeit's Now. Background video taken from coverr.co

Alloy is a customizable and distributable web based search app that enables Soundminer users to access and use their audio files and playlists on the cloud. The project itself required a fast and easy to use UI combined with complete control of the backend API.

As the main frontend developer on Alloy, I designed and implemented the UI, was responsible for features such as text search, facet search/tag filtering, creating an audio waveform visualizer for the currently playing audio track, creation and manipulation of user playlists, with features such as downloading, deleting and adding tracks to the playlists and many more.

The project is built with React, Redux and React-Router v4 among many other modern web technologies, and was a project that enabled me to merge my two passions, audio and UI development.

The Coffee Place (built with React, Redux, Redux-Promise, React-Router v4, WordPress REST API, Axios)

The Coffee Place Thumbnail

Fetching data from the WordPress REST API for the Menu, About and Contact pages. Using Axios for API calls, redux-promise as the Redux middleware to resolve promises and React-Router-Dom (new in React-Router v4) for routing. Deployed using Zeit's Now. Background video taken from coverr.co

Perspectives (built with React and React-Router v4)

Perspectives Thumbnail

Built as a small multi-page project to start using React-Router v4 instead of v3. All text is taken from Wikipeda and images from Pixabay. Deployed using Zeit's Now.

Twitch Clone (built with React, React-Router, React-Bootstrap)

Twitch Clone Application Thumbnail

I used the Twitch (Kraken) Web API for this application. Built with React, using React-Router for directory routing and styled with React-Bootstrap. Axios HTTP client is used for the AJAX calls.

Astronomy Picture of the Day (jQuery, AJAX)

Astronomy Picture of the Day Application Thumbnail

I used NASA's Astronomy Picture of the Day API for this application. It relies on jQuery for the AJAX calls and for toggling the info and HD photo options, and the moment.js library for the date change functionality.

Markdown Preview (React, Remarkable)

Markdown Preview Thumbnail

I built this markdown preview application using React and the additional Remarkable component. It has a built in ES6 template literal to show a sample text written with markdown on first load. This application only supports desktop and tablet layouts for the time being.

Weather Application (jQuery, AJAX)

Weather Application Thumbnail

This application fetches forecast from the Weather Underground API and uses IP based geolocation. It displays a random nature photo in the background via the Unsplash API when the resolution is equal to a tablet or wider. A jQuery toggle is available for switching between Celsius and Fahrenheit.

Wikipedia Search (jQuery, AJAX)

Wikipedia Search Thumbnail

This Wikipedia search engine fetches results from the MediaWiki API by using the query entered on the search box. It uses jQuery for the AJAX calls and the search function.

Spotify Search (built with React, SASS, ES6)

Spotify Search Application Thumbnail

I used the Spotify Web API for this application. Built with React and styled with SASS. Axios HTTP client is used for the AJAX calls.

Pomodoro Timer (Javascript)

Pomodoro Timer Thumbnail

This is a Pomodoro timer that is built with pure JavaScript. It is possible to change the duration of the Pomodoro and break times or restart the timers.