My Portfolio

In this app, users can create reminders for different activities on any part of the world and see the weather forecast for the selected date and location. Users can log in into their account and keep track of their reminders.

I built the backend with Ruby on Rails and PostgreSQL. I have depoyed the app on Render.com¹ using Docker. It has a 97% test coverage!

For the frontend, I used the Google Maps API and the Open Weather API to get the weather forecast data. I built everything with ReactJS and Redux.

Users can complete any of the following tasks:

• Create a new account and log in
• Create a reminder based on location and time
• See all reminders with a weather forecast for each reminder for up to 7 days
• Fill location data with help from Google Maps Api
• See current reminders highlighted

1. Since I'm using a free tier plan on Render.com, the API might take as much as 3 to 5 minutes to spin up.

This Next.js frontend web app is a user-friendly interface that allows users to browse and search for Pokemon data from the PokéApi . Built with server-side rendering, it delivers fast and reliable performance and enhances SEO. The app features a search bar that utilizes debounce functionality for efficient searches, and infinite scroll for effortless browsing of large amounts of data.

This app follows the Atomic Design Pattern, which breaks down the interface into smaller, reusable components. These components are built with Stitches.dev, a CSS-in-JS library that provides high-performance styles.

The app's state management is powered by Zustand, while its code quality is improved by TypeScript.

Overall, this app provides a seamless and intuitive experience for users to browse and search for Pokemon data. Its fast performance, responsive design, reusable components, and efficient search and browsing features make it a showcase of the power and flexibility of the Next.js framework.

In this app, users can register an account to book classes with experts in different topics from all over the world. Users can create new classes, delete them and view them. They can also reserve a class or view all their current reservations. I built this project with a group of developers using Github's Kanban board.

We built the backend with Ruby on Rails, PostgreSQL for the database, ReactJS for the frontend, and Redux for the global state management. React was bootstrapped with create-react-app.

The front-end design was inspired by a project from Murat Korkmaz, whose project is licenced under The Creative Commons license.

🎥 Watch a video presentation of this project here.

Through this app, users can easily add album releases to their private collection.

It's a mobile web app built with react and react bootstrap.

I used some custom-made hooks to handle search queries and pagination. The global state of the app is handled with Redux toolkit.

Advanced React hooks, such as useRef and useContext, were used in this project.

Users can complete any of the following tasks:

• Search for releases by Artist, Album or both
• See Artist page
• Browse through all artist releases
• Add artist releases to own collection from different parts of the app
• See own collection in search page