A fitness tracking app made with Firebase, Next.js, and Material UI. Log your weight, track exercise duration, and check nutritional values of meals. Find recipes and workouts for different body parts, all while seeing your progress in charts. Secure sign-up and login for a personalized experience.

Features: User Accounts: Easy sign-up and login. Simple Tracking: Log weight, workout time, and meal nutrition. Recipes & Workouts: Search for recipes and targeted exercises. Progress Charts: Visualize your fitness journey. Goal Setting: Create and track your health goals.

Challenges: Implementing Advanced State Management: Utilize React Context and Firebase's data management capabilities to handle complex user data and application state.

Firebase | Next.js | Material UI | React hooks | EDAMAM API | ExerciseDB API

React web app with a modern design for clients and a functional dashboard for an admin to easily manage data with Firebase

Features: Authentication, and password reset. React routing separates functional components for easier data management. Add/delete food items and categories. Edit names, prices, and notes for each food/drink. Easy data management for events - add an image, and choose a date. The content and layout of the Events component change according to the data passed to it from the database. Modern responsive design for mobile, tablet, laptop screens (created with Flexbox, media queries).

Challenges: Applied advanced React best practices such as file structure, hooks, and refs. Used React Context for advanced State management of the entire application. Successfully implemented GSAP and React in one project without animation breaking

Tailwind | React router | GSAP | Firebase | HTML | CSS

A web app for a private business built with React hooks, with an admin dashboard to manage blog and reviews

Features: Admin dashboard for managing blog and clients' reviews. Forms for scheduling a call and add a review. Filter function for displaying articles and brands a visitor is interested in. An appealing design using corporate's color palette

Challenges: used Draft.js and Firebase for creating and displaying styled articles on the website. Implemented React Components to reduce code and increase reusability (articles and reviews). Used Firebase API for storing data. Included SASS mixins for easier control throughout styling. Used Routing to move between pages. Incorporated React hooks, Flexbox and media queries to adjust layout according to a screen size.

SASS Draft.js Firebase React(hooks) HTML

Real-time chat where users can interact with each other by sending messages/ documents/ images

Features: sign/log in via email. Messages are saved in a database. Users can select and send emojis. Unread messages notification. Gradient background changing color

Challenges: applied Firebase API for instant messaging and storing data. Made the layout responsive (implemented with Grid, Flexbox)

React | Firebase | HTML | CSS

App where users can save and alter notes real-time and add drawings from canvas

Features: canvas (web and mobile) for creating notes. Categories and texts can be changed and stored real-time. Tasks' filter. Responsive design implemented with Masonry.js and Flexbox.

Challenges: introduced authentication. Made canvas work on touch-screen devices. Made possible to edit and store tasks in a database

Google/Git/Facebook Auth | Firebase | React | HTML | CSS

Weather app with city pictures displayed on search

Features: search for the city. A city picture is taken from Shutterstock. Responsive design.

Challenges: applied new APIs

Shutterstock API | AccuWeather API | React | Firebase | HTML | CSS

Lead the frog to a safe place by jumping onto the randomly appering shrinking leaves

Features: vanilla JavaScript web game

Challenges: recreated a specific arcade game

JavaScript HTML CSS

Resporsive personal portfolio, mobile-first design

Challenges: used React hooks (useState, useEffect, useRef), GSAP animation, made images and layout responsive, created SVG images (Adobe Illustrator) and logo, used facades for better performance (YouTube embeded videos)

GSAP | Adobe Illustrator | React | JavaScript | HTML | CSS