An updated and dynamic portfolio showcasing my resume and recent projects for potential employers and clients.
- Live Site URL: https://www.andresroldan.com
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- Javascript
- React
After deploying to GitHub Pages, everything looked fine until I refreshed the page or navigated throught the browser. Whenever I clicked on a link or refreshed the page I would get a 404 error.
GitHub Pages does not support browser history like the browser does. Hash Router solves this issue by using the hash portion of the URL to keep the UI in sync with the URL.
ReactDOM.render(
<React.StrictMode>
<HashRouter>
<App />
</HashRouter>
</React.StrictMode>,
document.getElementById('root')
);
To develop this portfolio even further, I would like to add a contact form that allows users to send a direct message from the site, instead of using :mailto which is used to to redirect to an email address instead of a web page URL. When a user clicks on the Mailto link, the default email client on the visitor's computer opens and suggests sending a message to the email address mentioned in the Mailto link.
-
React deployment on GitHub Pages - How to deploy a routed React app to GitHub Pages
-
React deployment on GitHub Pages using Hash Router - How to deploy a routed React app to GitHub Pages using Hash Router
- Website - Andrés Roldán
- LinkedIn - Andrés Roldán