Hi, my name is Eszter Diana Toth

A web app to create watchlists for movies and TV shows that are easy to manage and have "share to edit" option (for movie night planning), weekly releases summary email, episode tracking and calendar view.

Solution

1. Used third-party API (TMDb) for fetching the various movie and TV show information.
2. Used Next.js for React server-side rendering to allow crawling of pages when sharing lists on social media and for Google indexing.
3. Stale-while-revalidate hook helps keep data refreshed for shared editing.
4. Modern, clean and responsive design for easy navigation using Material-UI components and hooks.
5. Deployed on Vercel with a cloud database on MongoDB Atlas.
6. GitHub Actions are set up with Vercel's serverless functions for daily database updates and for sending the weekly summary email.

Tech: Next.js React Material-UI

Database: MongoDB Atlas, TMDb API

Email: MailerSend API, Zoho Mail

An online issue tracker with authentication, user groups, comments per ticket and a user-friendly interface.
Tester login - username: Guest | password: GuestLogin987

Solution

1. Backend is set up using Django with its automated admin interface and DB Browser for SQLite.
2. Only users of the same group can see, follow and comment on each others' tickets.
3. Front-end is built with the help of Django's template syntax, CSS and jQuery.
4. Compact dashboard with drag & drop and dark theme customisation. Ticket details appear in a slide-down panel and are easy to edit through iframe.
5. Theme preference and dashboard positions are saved in the browser's localStorage.

Tech: Django Python HTML CSS JavaScript jQuery

Database: SQLite

A responsive, lightweight and easy-to-navigate portfolio website for the instrumental duo, In Crescendo Duo, based in Copenhagen.

Solution

1. Used PHP to create template partials for the multi-page design to avoid repeating code.
2. Animations and transitions using only CSS and jQuery for wide browser compatibility and optimised images for fast loading.
3. Deployed on a simple web hosting platform then connected to Cloudflare for security.
4. Added CushyCMS for client-side content management and kept in touch throughout development to confirm all elements are in line with their needs.

Tech: HTML PHP CSS JavaScript jQuery

CMS: CushyCMS

A one-page, simple interactive map for a friend's RPG game that can be used by the whole group while playing through video chat.

Solution

1. Created a function to print the relative positions on the console when clicking on the map to help add the locations and their name.
2. Responsive design for both mobile and desktop compatibility.
3. Deployed on a simple web hosting platform then connected to Cloudflare for security.

Tech: HTML CSS JavaScript

My professional portfolio website (portfolioception) with a lightweight, one-page and only a little over-the-top design to showcase my talent. :)

Solution

1. Transition on hash change for multi-page effect.
2. Fluid and responsive design using only CSS, JS, Google Fonts and Font Awesome.
3. Dark theme option for user customisation and preference saved in browser's localStorage.
4. Deployed on Cloudflare Pages for a reliable, secure solution.

Tech: HTML CSS JavaScript