Welcome!
This is a project site dedicated to showcase works relating to web development, coding, and graphic arts.
Feel free to browse around and check out the projects page for more information.
Thank you for visiting!
This website was built with a combination of powerful technologies and creative tools.
The Foundation
- HTML:
The core structure
and content layout for each page were created using HTML,
the fundamental building block of websites.
- CSS: CSS
was then applied
to add visual style and bring the website to life with
fonts, colors, and layouts.
Interactive Features
- JavaScript:
JavaScript adds
interactivity, making the website respond and adapt to your
actions. This is where the magic happens behind those cool animations and click events you see.
Design Inspiration & Creation
- Microsoft
Designer: This platform
provided a space to create initial mockups and
explore visual ideas.
- GIMP: For advanced image
manipulation, GIMP, a
free and open-source program, was
used to edit photos and create graphics.
- Inkscape: Inkscape,
another free and
open-source tool, specializes in creating and
editing vector graphics, which are perfect for logos and illustrations that can be scaled to any
size without losing quality.
Development Toolbox
- GitHub: This platform
facilitated version
control, allowing for tracking changes
made to the codebase. It potentially enabled collaboration with other developers as well.
- GitHub
Copilot: This AI tool by
Microsoft assisted with efficient code generation.
- VS Code: This
popular code editor
provided the primary interface for writing and
editing the website's code throughout the entire project.
Deployment
- GitHub Pages: This
service from GitHub was
used to deploy the website directly from
the code repository.
- Cloudflare:
Cloudflare, a Content
Delivery Network (CDN), further enhances website
performance and security.
- Formspree:
This service simplifies the process of handling contact form submissions.
It allows users to send messages directly through the website without needing to set up a server-side backend.
This streamlines the development process and keeps the website lightweight.
Learning Resources
Throughout the development process, these resources were used to gain knowledge and expertise:
- freeCodeCamp: This platform
provided a
free and comprehensive learning experience for web
development concepts.
- W3Schools: Served as a reference guide
for
understanding the fundamentals of HTML, CSS, and
JavaScript.
- MDN Web Docs: Offered
in-depth
documentation for more advanced JavaScript concepts.
In Summary
By combining these powerful tools and in-depth learning resources, this website was crafted to be not
only functional but also visually appealing and engaging for you, the user.