Portfolio App

Hi,

I'm Alan,

welcome to my Portfolio App

Front End Developer / React || Svelte

Portfolio App has been created for two main reasons. First one is to introduce myself, show my experience, previous work and overall skills I gained during my education and work. Second reason is to include and display latest technologies that a frontend React developer uses in his day-to-day job. I added as much tech as I could to make the app work in the best way possible and in the same time have a great user interface and design without making it too big.

App consists of 5 parts which can be selected on the navigation bar. These pages are Home, Skills, Work, Redux Game and About.

Home page includes multiple components like the intro section that user sees when starting the app with a cool typewriter bounce design and particle effects in the background. If we scroll down we get this summary section and then a small list of portfolio apps that I created during my work and school days. After these apps we see blogs created while studying and at the bottom a contact form that can be easily used to get directly in contact with me by sending an email.

My favourite part of the app is the Redux Game, game where you need to match funny meme cards. This game is made solely using Redux Toolkit. The latest and maybe the best state management tool for building React apps. The game consists of 2 parts. First one being the game itself and second statistics component. At any point of the game user can open statistics and see some cool stats regarding his current game. After game finishes he can start a new game while still keeping records of previous games that he can use for comparison.

As mentioned before app uses all of the latest tech as:

TypeScript for its static typing, interfaces and compilation advantages. ScrollTrigger from GSAP to trigger component animations when we get into view. EmailJS to send quick and simple emails from the contact section. Redux Toolkit for state management in the Redux Game. UseState, useReducer and useContext for local state management. Custom hooks for animation effects. Great packages like recharts, react-globe, react-animated-cursor, react-audio-player, react-pdf and file-saver. For styling app uses CSS in JS, Tailwind, and regular CSS as files or inline.

A small gallery of recent work and school projects. Some of them were done while working for Agent3 and others when I was enrolled in Flatiron School. Unfortunately because of data protection most of the work apps could not be shown.

It's only a small fraction compared to the entire list. In total I worked on approx 20 projects where my main responsibility was development of all frontend functionality.

Visit my work page to see a more in-depth view.

While studying at Flatiron School one of the assigments was to create a blog when a certain curriculum section would be reached. The blog would either explain requirements of the Project created or a point of interest regarding development.

I implemented both by creating blogs that thoroughly explain how certain aspects of development work like React/Redux state flow with Rails API using async JS with Promises where one of the main requirements of the Flatiron project is the understanding of React/Redux flow. Essentially student needs to fully comprehend the difference between using only React and React with Redux + Thunk Middleware.

A created blog could be about a project like Projects Track App where I decided on making an app that allows users to CRUD projects and to keep track of them, using Ruby and Sinatra. The purpose of the App would be to implement dashboard functionality where a User can save and update his Projects or any tasks available.

For any questions, comments or enquiries feel free to fill in this form and drop me an email or connect with me via LinkedIn. I would be more than happy to have a chat and maybe discuss some new ideas about development.