This is my Senior Project
Web development involves creating and maintaining websites and web applications for online access. It covers coding languages like HTML, CSS, and JavaScript, and frameworks such as Bootstrap and Laravel. Developers design layouts, add interactive elements, and ensure smooth user experiences across devices.
Project Artefacts (CLICK BELOW):
Project Artefacts (CLICK BELOW):
"If we think long term, we can accomplish things that we couldn't otherwise accomplish."
"you should set goals beyond your reach so you always have something to live for."
This is my Autobiography 2023
How my interests have developed over the years in schooling.
What was Mainly Covered:
Beginning with a focus on soccer during my primary and early-highschool days, I transitioned to an interest in business and entrepreneurship. While encountering setbacks and distractions during online schooling due to the pandemic, I started looking into app development, learning coding languages and technologies. Despite moments of demotivation, I embraced the challenge of coding, creating projects and a portfolio that reflect my continuous improvement. Now in my final year, I'm determined to carry forward the standard of excellence I've accomplished., excited to face the future with dedication and a commitment to success in my chosen path.
This is my Custom Sku Location System
Bunnings Inspired Product Location System: Building a product code-based search system for online businesses with warehouses to locate products.
Reason for Making this System:
Over the school holidays, my mum had a sale at her warehouse, and I was there helping with packing and shipping orders. During my time there, it was challenging to locate items and navigate the warehouse due to the organisation of her stock locations.
Taking inspiration from the Bunnings system: Bunnings uses a system where you can enter a 7-digit Item Number that is unique to every product in the store. Upon entering this number, you are provided with all the info on the product, such as item description, product locations, stock count, and other relevant information. The new feature Bunnings added allows you to click the “view map” button, which displays the product's location on a visual map of the store.
I decided to replicate this for my mum’s warehouse. I created a floor map and planned the necessary steps to establish a functional system. I ensured its compatibility with mobile devices and shared the project on Github for online access on any phone.
The system utilises product SKUs set for each product in Shopify, and I maintained a locally stored database of all product locations. I completed the system in around 5 days, and comparing the time spent with my rent vs. buy calculator showcases the progress I've made.
Optimisations I Can Make and Their Continued Relevance:
There are numerous adjustments I can introduce to enhance this system. Initially, I relied heavily on keyword and array searching. However, with the assistance of my former mentor, Shane Neal, I managed to refine the Image Display System.
Currently, the system stores an image for every possible stock location variation in the assets. It then converts user input into the format of a corresponding image, displaying that image. This approach can be modified to use a single floor map image and, based on user input, overlay a red box on the product's location. This adjustment would adapt to any warehouse layout and stock location, requiring only one image per store.
This system remains valuable for my Inventory and Ordering system, as I plan to integrate a floor map location system into the order fulfilment section.
This is my Rent vs Buy Calculator
Rent vs Buy Calculator: Learning from flaws, gaining coding skills, and understanding real-world financial decisions.
What is the Rent vs Buy Calculator?
The Rent vs Buy Calculator is a valuable resource for individuals who are weighing the pros and cons of renting versus buying a property. It assists you in comparing the financial implications of both options, taking into consideration factors such as monthly rent, property prices, interest rates, and potential investment returns.
How It Works:
Using the Rent vs Buy Calculator is easy and insightful. By entering specific details related to the property's price, your expected monthly rent, interest rates, and other relevant financial information. It then presents you with a comparison of the total costs associated with renting and buying over a specified period. The calculator's results provide a clear overview of the financial impact of each choice, helping you determine which option aligns better with your financial goals and circumstances.
Why I Decided on this Project:
Choosing to learn code through building a rent vs buy calculator offered a practical and relatable context for learning programming skills. This project involves real-world financial calculations, user interactions, and data processing. Providing an engaging way to understand coding concepts. By working on the calculator, I gained valuable experience in handling user input, performing calculations, and presenting results dynamically. These are all skills applicable to a wide range of useful programming tasks.
This project has taught me the significance of data-based decision-making in the real world. Through the calculator, I learned how to analyse complex financial calcualtions and formulas, and present them in a clear and understandable manner for users to understand. These skills aren't just relevant in coding; it translates directly to making informed choices in personal finance and investment in the future. In essence, building a rent vs buy calculator has not only enhanced my coding abilities but has also equipped me with practical knowledge that holds value beyond the realm of programming.
My Flaws and Progress:
In my first attempt at coding, I took on the task with no prior experience. The outcome was far from perfect. The calculator's appearance suffered due to unpolished styling experience, and the JavaScript code I managed to write was ineffective and lacking in usability. Despite these setbacks, I persevered, often working late into the night to troubleshoot and improve. Strangely, amoung the frustrations, I found a peculiar satisfaction in the process. While my coding skills were undeniably bad and the flaws in my work were glaringly obvious, this initial exposure sparked a determination to enhance my abilities over time.
Adding elements to a blank page using html and css
Styling input boxes, adding labels and colours
Background colours and containers, styling and bug fixing
This is the 3rd photo's problem fixed using chat gpt
Header banner, consistant colours and still bugs to fix
Changed UI, has javascript to do functions and animations
When going through the calculator, boxes show and calculations are made.
This is my Automation and AI Information
Rent vs Buy Calculator: Learning from flaws, gaining coding skills, and understanding real-world financial decisions.
Main Summary of Content:
The surge of Automation and AI is reshaping industries and work patterns, presenting two compeletly differnt sides of opportunities and concerns. AI's rapid expansion is evident in manufacturing, heathcare and and finance, where tasks are streamlined and customer experience's are improved. However, this advancement is accompanied by environmental considerations and worries about job displacement. Despite projections of job losses, Jobs will forever appear in fields like data analysis, s and computer science. The future job market will emphasise creativity and emotional intelligence alongside automated processes.
Website Elements (Communication):
Using Editor X for website development has proven to be quite frustrating due to its sluggish performance and limited customisation options. The platform's slow response times and laggy interface often led to delays in implementing even the simplest design changes. Moreover, the lack of full customisation capabilities ruined a few aspects of the website (the invisable header bar). This was becuases I couldn't fine-tune elements to match my exact preferences where with custom html coding this wouldn't be an issue with enough skills.
While I lacked the coding experience to build a site from scratch like this one, I decided to work Editor X and it enabled me to create a functional but fancy website, even if it didn't meet all my expectations. Despite the challenges, I'm happy with the end result even if it took a bit of trial and error and youtube videos.
This is my Full Coding Elements Glossary
My Learning and Development Journey: Mastering HTML, CSS, JS, and PHP.
What was Mainly Covered:
To make things clearer, I included real examples from projects I've worked on. This was made as i was learning to create the Rent Vs Buy Program These examples not only help me understand the technical concepts better but also show how these elements are applied in real-life situations. In the CSS section, I've covered essential styling techniques, responsive design principles, and ways to structure the layout of a webpage. In JavaScript, I've highlighted important functions such as converting data, using constants, and declaring variables. The glossary reflects my understanding of these concepts, ranging from handling user inputs to dynamically adjusting font sizes and creating layouts that work well on different devices.
Expanding Knowledge of Elements:
When i was only a couple weeks into coding. I put together a glossary that acted as my go-to resource for understanding key elements in HTML, CSS, and some really basic JavaScript coding. For each element, I provided detailed explanations of its purpose, how it functions, and practical examples of how it's used. This glossary is particularly helpful for those who are new to web development and need quick explanations.
New Projects Libraries: Leveraging Bootstrap and jQuery for Efficiency:
In my ongoing chase for efficient web development, I've embraced the giant libraries of Bootstrap and jQuery in my new projects. These libraries have significantly streamlined my workflow by offering pre-designed components and advanced scripting capabilities, allowing me to bypass the manual creation of many elements I previously had to code from scratch.
Bootstrap, a front-end framework, offers an array of ready-made CSS styles and responsive design features. With its grid system, I can swiftly arrange elements in a visually appealing manner, ensuring a consistent layout across various screen sizes. This means I no longer need to meticulously define margins, padding, and breakpoints for each element individually.
jQuery, a fast and versatile JavaScript library, has become my go-to for interactive and dynamic functionalities. Using jQuery, I can easily manipulate the Document by altering elements, handling events, and managing animations with minimal code. This has proven to be a game-changer, as it reduces the amount of scripting required to achieve complex effects and interactions. I still have a lot to learn on terms of writing the code from scratch so for now i will continue to use ChatGPT to help me turn my logic into a functional coding language.
Looking Forward: Enhancing PHP Proficiency for Future Projects:
While I've made considerable strides toward mastering HTML, CSS, and JavaScript, I recognise the importance of further expanding my skill set. In the future, I'm excited to dive into the realm of server-side scripting with PHP. This will motivate me to create more interactive and data-driven web applications.
This is my PSMT Inspired Rent vs Buy Analysis
Mathematical Insights and Focusing on Real-World Housing and Finance Knowledge.
Main Reasoning for the Artefact:
The Rent vs Buy Analysis serves as a bridge between the practical connection between math concepts and financial decision-making of the real world. This report covers the real-world application of present value calculations, future value calculations, and compound interest in evaluating the financial uses of a renting or buying a property. It also covers the use of my calculator compared to others on the internet. By providing a detailed breakdown of these mathematical techniques, the report allowed me to gain a deeper understanding of its significance and also highlighting the direct relevance to creating a Rent vs Buy Calculator.
Connecting Mathematical Concepts to the Rent vs Buy Calculator:
The relationship between the mathematical concepts explained in the Rent vs Buy Analysis and the development of a Rent vs Buy Calculator is straight forward. As I developed the calculator, I discovered that these mathematical foundations are at the core of its functionality.
Present value calculations enable users to estimate the current value of future cash flows, allowing for a comparison of the costs linked with renting and buying over time. Likewise, future value calculations empower users to visualize the potential growth of investments or property values, shedding light on the long-term outcomes of their decisions. The integration of compound interest enhances the accuracy of the calculator's predictions by accounting for the compounding impact on investment returns and loan expenses.
Real-World Connection and Gained Knowledge:
Understanding these math concepts actually helps us see how our housing choices affect my money. With this knowledge, I feel that I can make smarter decisions, thinking about things like how property values go up, how much renting costs, and interest rates. Overall, the report shows how math ideas can be useful in real life, helping with figuring out whether to rent or buy a home in the future.
This is my Graduate Portfolio Breakdown and Content Page
All the work that went into this website. The content, custom development, hours spent and older versions of a graduate site.
Discussing the Prior Versions:
Initially, I started my graduate portfolio on Editor X, a website builder by Wix. While Editor X offered advanced UI and customisation options, I found it limiting in achieving my desired portfolio look.
Links to my Older Editor X sites
Benefits of a Custom Website:
Building a custom site invigorated my motivation for the portfolio. Unlike Editor X, where I began with a template, my custom site, though initiated from a template, has transformed so much that the similarities are negligible. I integrated custom elements, Bootstrap structures, and unique features like the colour theme selector. This feature, which allows users to customise the website's colour to their liking, was a creative solution to my indecision about the site's colour scheme.
Planning for This Portfolio Site
This is my Current PHP Project
Transitioning to PHP marked my third restart. Yet, I rapidly matched the progress of the previous dashboard version.
In a single day, I accomplished what had previously taken a week. This acceleration was due to my growing proficiency in page development and code comprehension. I opted for the same free dashboard template that Nick uses for all of his highly profitable systems, including Quick Cabinets/Panel Cut and his new project, Gym Passport.
Main Benefits:
The new dashboard presented ways that I could turn my concepts and ideas into a functional system. With methods now available to extract data from a live Shopify site, modify that data, and then upload it back to the Shopify backend, the possibilities expanded significantly.
Features I Can Implement with the New Dashboard and PHP:
Templates are now easier to update over time. In the HTML-styled dashboard, any change to the navigation bar or page headers would require adjustments across multiple pages. With PHP, a single "main_template" page can manage consistent content across the system.
Sessions, Cookies, and Hashed Passwords:
Using the Laravel framework, PHP can securely manage user logins, store passwords as irreversible hashed codes, and offer features like 'remember me' during logins.
Overall Dashboard Integration:
PHP seamlessly integrates with SQL databases, facilitating detailed tables for user data, user action logging, and product shipping, among other functionalities.
Shopify API Integration:
With PHP and Laravel, I can directly access live data from galaequine.com and Shopify, a necessary feature for creating order-picking and product location pages.
Check My Resume
I am a year 12 student currently studying web development and software development. I am seeking a position in your company to improve my knowledge in a real life work scenario and to gain valuable work experience.
Silkwood High School, Robina
Paramount, Burleigh
Compass IT, Nik Donovan
Aurora Training Institution, Robina
I Will Import, Online and Seminar Based
Swish Sales Training, ISR
Bunnings Nerang, Southport and Robina
Gala Equine, Molendiar
Compass IT, Main Beach
My Services
Contact Me
A108 Adam Street, New York, NY 535022
contact@example.com
+1 5589 55488 55
Click Your Favourite!
Social Action Project
This is my Social Action Project
The Pushup Challenge
What is the pushup challenge and my efforts towards the cause.
Information on the Pushup Challenge:
The Push-Up Challenge, initiated by Nick Hudson, it began as a fun activity among friends in 2017, aiming to complete 3,144 push-ups in a month. It quickly transformed into a national movement in Australia, raising awareness and funds for mental health. After undergoing a personal health crisis in 2018, Nick was motivated to expand the challenge, which saw nearly 50,000 participants by 2019 and raised a whopping $2.5M for mental health causes. Despite the challenges posed by the COVID-19 pandemic in 2020, the initiative grew exponentially, acculminating over 215,000 participants and $14.6 million raised for mental health by 2023. The Push-Up Challenge has not only improved physical fitness but has also fostered connections and supported charities like Lifeline and Movember.
My Contribution and Fundraising Efforts:
Over the 23 days, i was able to raise $120 for the foundation and completed a total of 1725 total pushups! Completing an average of 75 pushups per day
Day 5 Challenge Reflection
Today marks the first week of the Push-Up Challenge, being on day 5. Fatigue has become noticeable in daily tasks and managing the time for a considerable number of push-ups each day has posed its own set of challenges.
The fatigue aspect is no joke. Before we started the challenge, I was filled with enthusiasm and determination. However, the reality of pushing myself with a daily goal of push-ups has truly tested my physical endurance. The energy I started with has gradually given way to moments of exhaustion and muscle soreness, making each push-up more challenging than the last. Nevertheless, this fatigue serves as a constant reminder of the effort I am putting in and the impact I am making towards raising awareness for mental health.
Progress & Meaning:
Over the 5 days, the goals have had meaning to a mental health fact behind each one:
Challenges & Lessons
Finding dedicated time for a significant number of push-ups every day has proven to be quite tough to stay consistent. With trying to spread them out over the day, doing 30 an hour on average to limit soreness, with balancing school study, my part-time job, and extracurricular activities have shown how tough it is physically when you are at 8 pm with 70 push-ups to complete still.
Though fatigue and time management have presented their fair share of obstacles, they have also shown me some symbolism of valuable lessons. Fatigue has taught me about the power of perseverance, pushing beyond my perceived limits, and ignoring the discomfort of pain to complete a goal.
Each day of this challenge, the new daily push-up goal, and lessons the meaning behind each push-up I complete a day betters my understanding of mental health and self-care. I am grateful for the opportunity to participate and for the personal growth it has already brought. Moving forward, I will embrace the fatigue, conquer the time management challenges, and continue pushing forward, knowing that every push-up brings me to a larger end goal along with my classmates.
Video Profile
This is my Video Profile
Future Plans
These are my Future plans for 2024 and Beyond
My Perspective and Options for my Future
Where i expect myself to be in the next 5 years and the journey there
University Path
I'm considering Southern Cross University (SCU) or Griffith for further education in Computer Science due to their variety of high paying future job opportunities. SCU has a more flexible uni model that will help with working part time but and offers a Digital Media and technologies degree, where Griffith offers a direct Computer science degree.
Employment Path
In the next three years, I plan to have a full-time job for money and do coding and technolgy based work projects on the side. I plan on being smart with all money i earn, making a minimum of $50,000 a year as a minimum wage worker and any projects on the side added on. using what I've learned from both work and learning.
Developer Path
In the future, I envision fully immersing myself in a coding career while maintaining a part-time role at Bunnings to support my financial stability. As I continue to learn and enhance my coding skills, Gradually transitioning into more challenging coding projects, eventually leading to a full-time developer without needing to go to university.
university pathway
This is my University Path
My Thoughts of University
The decision between Griffith or SCU but more importantly the decision of Uni in general.
Which degree would suit me?
Having completed a diploma of business this year and most likely going to pass for my general subjects, I have been looking at my opportunities for a uni degree in computer science or digital media technologies.
I am having to make the decision between either Griffth or Southern Cross Uni (SCU) for my degree. Griffith offers a direct computer science degree for 3 years of studying where SCU is offering a digital media technologies degree as their computer science level course.
I will also need to consider working full time while doing Uni since I want to be making a decent income while doing Uni to make sure I am financially ahead when I finish my degree
My Reasoning:
The main reason I am highly considering a computer science degree is due to the higher paying, technology minded job positions that will come after completion. Knowledgehut.com said “As we enter 2023, there's no denying that computer science is one of the most in-demand fields out there. From artificial intelligence to big data, cybersecurity to software engineering, the world of computer science is constantly evolving.”
My perspective on my future:
My perspective on how things are going in the future is, i would rather spend 3 years learning content at a uni level that is current to the field i know i want to go into that spend 3 years working as a number in the bunnings system without any guarantee of a higher paying job position.
Employment Pathway
This is my Employment Path
Employment Path
Is Bunnings a Place for Career Growth?
Current Bunnings Position:
My position at bunnings is proving to be proving to have opportunities for the next 2-5 years. I currently work at 3 differnt stores and have been offered multiple part time contractd between stores. I am almost guaranteed a full time contract when i finish school.
Future Bunnings Goals:
After recieving a full time contract, i can show my true impact in the workplace and try my hardest to work my way up the promotion chain. With promotions that come with higher pay and less work, these include both Floor Supervisor (+$2.5 PH) and Coordinator (+ additional $10 PH ). This option would not be a a long term plan but as a foundation to work and save money while working on web programs on the side.
My Reasoning:
This Option works as I will have at least 30 hours to work on a coding program to the side of a 38 hour work contract. Coding on real-world projects instead of Uni and seeing where i can get from my own knowledge and dedication.
Web Development
This is my Web Development Pathway
Money Now or Money Later?
Taking a risk and dedicating my time as a successful inventment for my future
Are the risks worth it?
This Pathway will have increased risks in a fall back/foundation of income compared to the other paths but has higher opportunities and reach of making large amounts of success.
Focus and dedication:
I would focus my full work week on web development and software solutions for companies and businesses. Due to spending more time on coding solutions that relate directly to real-world implications I will be gaining the exact skills I need to make an income.
The Pros and Cons:
I would still need an income of some sort so I can continue at Bunnings but only take a 25-30 hour contract with a yearly salary of $32500 - $39000. I will have a larger portion of time to work on web development each day but no guarantee of real success for the future years like the university option.
Custom Dashboard V2
This is my HTML Template-Based Dashboard System
The Importanance of Utilising Templates
"Youd don't need to reinvent the wheel, just attach it to a new wagon." Mark McCormack.
The importance:
Transitioning to HTML template editing allowed me to concentrate on functionality rather than the UI of a dashboard. However, I encountered limitations in page loading, databasing, and incorporating other required functionalities.
HTML Template Development:
Upon downloading an HTML dashboard template and customising it, it became clear that creating a high-quality system was achievable. The dashboard's aesthetics improved significantly compared to its predecessor.
In under 10 hours, I achieved the progress equivalent to 46 hours of work on the previous version. This efficiency stemmed from my ability to focus on integrating functionality and features without the concern of designing styles and UI.
Limitations:
As i was only using html and javascrippt, constraints became evident when I tried to add dynamic page fill content. HTML couldn't properlly support the features I envisioned, limiting its scalability. Shifting between pages necessitated reloading the entire document, including navigation bars and sidebars. This process made the design seem clunky and slow. Despite these challenges, the skills I acquired during this phase laid the groundwork for the subsequent PHP dashboard.
Custom Dashboard V1
This is my Custom Dashboard System
Why I moved to a HTML Template for the Dashboard
Due to the complexities and my limited knowledge in HTML and bootstrap, I opted to utilise pre-existing templates in version 2.
Shopify Warehouse Order System::
After developing the SKU location system, I began working on the staff orders system concept. The SKU location system addressed one component of a comprehensive system. After experiencing the traditional paper-based processes of Gala Equine, I realised I could devise a solution that would enhance efficiency not just for my mum's online business but also for any Shopify site with a warehouse and staff.
Progress I Made on This Version:
This iteration helped me grasp the intricacies of crafting the system, such as the necessity for detailed planning, custom development, profound database connections, and user login/action logging.
Why I Restarted with v2:
Given the advanced features I aimed to incorporate, building from scratch seemed unfeasible. There was no need to invest time in crafting something that pre-existing templates already offered, especially when I hadn't fully grasped basic HTML and bootstrap structuring.