oarina/small-bag-travel

A travel blog

Hi there, I'm Arina 👋

I am fascinated by intricate systems that the best and the brightest minds create for the benefit of all and am curious about how it all works. Love to learn new things and create.

Originally from a creative background, but love to dwell in the intersection of technical and creative.

🚀 About Me

I'm a part-time Full Stack Web Develpment student at Code Institute. I have interest in new technologies like web3, crypto and VR.

💻 Tech Transition: Transitioned to tech, bringing a unique perspective to web development field.

🎯 Career Goal: Eager to join an innovative startup as a key contributor, aiming to bring value and positive impact to society.

🎨 Creative Roots: Graduated from the National Film School of Ireland, with a flair for 3D animation and production.

🛠 Skills

📈 GitHub Stats

💼 My Projects

Project 1: Small Bag Travel

Description: Small Bag Travel is a static responsive website designed for travelers who prefer to travel light. This project showcases a responsive design suitable for various devices, an intuitive user interface.

Technologies Used: HTML, CSS

GitHub Link: Small Bag Travel

Project 2: Mortgage Calculator

Description: Amortization formula web based calculator tool designed to help users quickly estimate their mortgage payments. This project emphasizes clean and efficient coding practices, with a strong focus on responsive design while giving user the opportunity to choose fro 0 to 20% interest rate on the mortgagte for a very concerned user.a

Technologies Used: JavaScript, HTML, CSS

GitHub Link: Mortgage Calculator

Project 3: BTC-USD Backtesting

Description: BTC-USD Backtesting is a CLI Python tool that receives the entry, exit, trade amount and a flat fee percentage from the user and based on a 15 minute candle historical data calculates the results of a trade. It enables strategy testing based on hsitorical data.

Technologies Used: Python, Google API, Alpaca Crypto API

GitHub Link: BTC-USD Backtesting

🌱 What I'm curretnly learning

I am currently expanding my knowledge in several key areas to enhance my web development expertise:

• Networking: Understanding the fundamentals of networking is crucial for efficient web development and deployment.
• AWS (Amazon Web Services): Learning about cloud services and infrastructure provided by AWS to scale and enhance applications.
• Databases: Gaining deeper insights into database management systems for robust data handling and storage.
• Django: Exploring Django to build high-quality, maintainable web applications with a focus on Python-based solutions.
• Python Testing: Delving into testing frameworks and best practices in Python to ensure the development of reliable and bug-free code.

🪄 Learning in the pipeline:

🌟 Professional Background

With a diverse career spanning support analysis, incident response, and triage, I bring a blend of problem-solving, critical and creative thinking expertise to the tech industry. This experience enriches my approach to web development, equipping me with a holistic perspective on software projects.

📫 How to Reach Me

• LinkedIn: oarina
• Email: [email protected]

---

⚡ My mantra:

"Do what is right not what is easy."

small-bag-travel's Issues

IOS Font incompatability.

Apple mobile device through chrome and directly via it's native browser both are rendering Anton font differently which makes it:

1. very hard to read together with the shadow setting.
2. it spills out of a div which encroaches onto a 2nd section.
3. Anton - google font loaded seems to look more muddy than it's android version and would be bad UX.

Troubleshooting:

• Anton font will not load in my mobile phone, but nor will sans-serif.
• I have tried removing it all together and leaving only the sans-serif as a fallback and it looked better, but it was making the logo wider than I wanted it to.
• Monoscape seems to be a bit close and it is compact so it does not ruin the slogan div.
• Fantasy is not compatible. When logo and h2 (slogan and all the headings) were set to this font it would appear as Open sans in android and chrome from a laptop, but looked like a completely different font in a mobile apple device.
• Seems like monoscape fits close, but if I put 'Anton' the original font and then monoscape as fallback - the IOS still reads Anton in the same way and it remains as the original.

Solution:

• According to some sources IOS devices are around 25% of a market share as of May 2023.
• It is still sizeable market share and leaving the font is ineligible would be bad UX for all the IOS mobile users.
• Due to this I am choosing to change the font of the logo and the h2 (slogan and headings of articles) to a monoscape so that all can be read on both devices.
• I will be loosing some of the styling edge, but it less damaging than having an ineligible font for potentially 25% of your audience.