Portfolio-Website
Welcome to the repo for my Portfolio Website
About
The front end was built using React, TypeScript, and Vite by adapting a template to suit my needs. It continues to be hosted hosted on Render.
Taken verbatim via the template:
A modern, responsive portfolio template built with React, TypeScript, and Vite. Features smooth animations, optimized performance, and accessibility-first design.
š Front end features
- Modern Tech Stack: React 19, TypeScript, Vite 6
- Styled with Emotion: Utilizes
@emotion/styledfor component-based styling - Smooth Animations: Powered by Framer Motion
- Optimized Performance:
- Automatic code splitting
- Brotli & Gzip compression
- Lazy-loaded components
- Bundle size visualization
- Fully Responsive: Works seamlessly on all devices
- Accessibility: ARIA labels and semantic HTML
- Dark Mode Ready: Built-in theming support
- It is fully responsive.
- I18y library to translate
- more accessible by following Web Content Accessibility Guidelines (WCAG).
More info about the front end can be found in the front end README file.
Aspirations
Future improvements include
- a Contact Me form,
- further accessibility (A11Y) improvements ensure compliance with the Web Content Accessibility Guidelines (WCAG),
- include dynamic translation of the project descriptions,
- adding code testing,
- enabling the Dark Mode feature,
- and adding a back end to asynchronously pull in data to dynamically update the project cards by making GRAPH API calls.
Contribute
I welcome contributions! Especially enhancements to *accessibility* or my Spanish *grammar and spelling*.
If you find an issue with the code or have suggestions on how to improve this repo or the website, please open a GitHub Issue.
If you would like to work on an existing Issue, please start here.
For all information related to opening GitHub Issues and Pull request, please see the CONTRIBUTING guide in this repo. After reading that guide, if you still have questions, please contact me via my portfolio website.
And thank you for your help!
Code Of Conduct
Please see the Contributor Covenant Code Of Conduct file in this repo. In short, it says be a good person.
Please know, I take these matters seriously.
License
Per choosealicense.com:
The GNU GPLv3 ā¦ lets people do almost anything they want with your project, except distributing closed source versions.
You can find the full text in this COPYING.txt file.
| Permissions | Conditions | Limitations |
|---|---|---|
| š¢ Commercial use | šµ Disclose source | š“ Liability |
| š¢ Distribution | šµ License and copyright notice | š“ Warranty |
| š¢ Modification | šµ Same license | Ā |
| š¢ Warranty | šµ State changes | Ā |
| š¢ Patent use | Ā | Ā |
| š¢ Private use | Ā | Ā |
