- This landing page will be a useful tool for me, both now and in the future, in that I can direct future employers here to view my work. The goal was to make this page elegant, legible, clear, and easy to navigate. It is elegant because it uses a global color palette and makes use of soft corners. It is legible because the font is large and easy to read. It is clear because the styling does not get in the way of the content. It is easy to navigate because of the nav bar and the large headings. This page will become an important platform for my future work, and it will be a testing area for new styles and ideas.
Instead of being another applicant in the ocean of LinkedIn, this site will help me stand out, and I can direct future employers here directly. A simple website is often not so simple, especially if one wishes to maintain a consistent visual language. I have learned that it takes a lot of time to make a legible, usable, and attractive website.
See the deployed application at: https://andrewnalley.github.io/react-portfolio/
Click around and check out my stuff! I am happy with the work I have done and how far I have come. Check out the links at the bottom of the page, or download my resume on the resume page.
Fix for reload routing as GitHub doesn't support SPAs: https://github.com/rafgraph/spa-github-pages
Contact form without backend using emailJS: https://medium.com/weekly-webtips/simple-react-contact-form-without-back-end-9fa06eff52d9
Transition UX: https://dev.to/fazliddin04/react-router-v6-animated-transitions-diy-3e6l
Embed items from Google Drive: https://www.steegle.com/websites/google-sites-howtos/embed-drive-pdf
Layout: https://www.geeksforgeeks.org/how-to-create-a-multi-page-website-using-react-js/# https://isotropic.co/react-multiple-pages/
New and simplified CSS: https://picocss.com/docs/
Nav Bar: https://www.codinglabweb.com/2021/03/navigation-bar-with-scroll-to-top.html
Color Palette: https://palettes.shecodes.io/
Most other CSS: https://developer.mozilla.org/en-US/docs/Web/CSS
MIT License
Copyright (c) 2023 Andrew Nalley
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Smooth page transitions
React Library
React Router
Pico CSS
Responsive, mobile-friendly
Access a page other than the ones shown in the nav bar to get the 404 page. Something like https://andrewnalley.github.io/react-portfolio/fun-page
Use Google Dev Tools to see the responsiveness of the page.