Selected Projects
Here are a few of the projects I have worked on and am proud to showcase:
👋 Hi, I'm John Loyd, a self-taught web developer from Philippines.
🚀 I'm skilled in HTML, CSS, BOOTSTAP, TAILWIND, REACT.JS, NEXT.JS, FIREBASE, TYPESCRIPT, NODEJS and I'm always eager to learn more. Besides coding, I enjoy video games and developing usefull website.
💡 I value collaboration and teamwork and am open to working together and I enjoy problem solving. If you have any questions or would like to work with me, please reach out.
Technologies and skills
Techs I use on a daily basis.
Learning Timeline
HTML & CSS
July-2022
HTML and CSS basics: Start by learning the fundamentals of HTML and CSS, including syntax, semantics, and page structure.
Responsive Design
August-2022
Learn how to create responsive layouts that adapt to different screen sizes, using tools such as media queries and flexbox.
JavaScript fundamentals
September-2022
Get familiar with the basics of JavaScript, including variables, data types, functions, and control structures.
DOM manipulation
September-2022
Learn how to manipulate the Document Object Model (DOM) using JavaScript to create interactive web pages.
JavaScript frameworks and libraries
October-2022
Once I have a good understanding of JavaScript, I can start learning popular frameworks and libraries such as React. These frameworks and libraries can help me create complex web applications more easily and efficiently.
NextJs
January 2023
Next.js is a React framework for building server-side rendered applications. It offers features like automatic code splitting, optimized performance, and SEO-friendly rendering. It simplifies the development of robust web applications by leveraging React's power.
Google Firebase
March-2023
Google Firebase is a non-SQL database I love using firebase because of its simplicity, flexibility and easy to implement in a project. And its authentication is so simple you can learn them in their docs.
PHP and MySQL
March-2023
I learned basic PHP and MySQL because of our final project in school we are assign to make a blog app using PHP, JavaScript, MySQL and XAMP. I enjoyed using PHP because not unlike JavaScript the syntax is not that complicated to understand.
REST API
July-2023
In Nextjs we are allowed to make our own api to access the database because nextjs runs in server-side. I learned to make a CRUD app using REST API now I am planning to learn MonggoDB for the database.
React Native
September-2023
React Native in my first job we used react native to develop and maintain a mobile application called Posh Sidekick. I learned a lot about React Native from developing to deployment and working with React Native was a great experience.
Nextjs TypeScript
January-2024
I learned TypeScript because of Nextjs. TypeScript is a statically typed superset of JavaScript that compiles to plain JavaScript. It offers optional static type checking, which can help catch errors early in the development process.
Basic Laravel
March-2024
Laravel is a PHP framework that provides a simple, elegant syntax for web development. I learned the basics of Laravel to create web applications more efficiently and securely. I also develop a simple booking system for a hotel using Laravel for RESTAPI.
Progresive Web Application
April-2024
I learned how to create Progressive Web Applications (PWAs) to provide a better user experience on the web. PWAs are web applications that use modern web technologies to provide a native app-like experience to users.
JSON Web Tokens (JWT)
May-2024
I learned how to use JSON Web Tokens (JWT) to secure web applications by generating and verifying tokens. JWTs are a popular method for authentication and authorization in web applications.
Node.js/Express.js
April-2024
Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine. Express.js is a web application framework for Node.js. I learned how to use Node.js and Express.js to build server-side applications and APIs.
Get in touch
Are you looking to collaborate on a project or interested in partnering with me? Whether you have an exciting project idea in mind or just want to chat about the latest tech trends, I'm always open to new opportunities. If you'd like to get in touch, feel free to use the form provided below to send me a message. I'll do my best to get back to you within the next 48 hours. Let's work together to bring your vision to life!