An interactive portfolio built with React to allow user-friendly access, display, and navigation of site features.

Table Of Contents

• Overview
  • Screenshot
• My process
  • Built with
• Author
• Acknowledgments

Screenshot

• Desktop View
  
• Mobile View

My Process

Built With

• Create-React-App - https://create-react-app.dev/
• React Scroll - https://www.npmjs.com/package/react-scroll
• Semantic HTML markup - https://www.w3schools.com/html/html5_semantic_elements.asp
• CSS custom properties - https://developer.mozilla.org/en-US/docs/Web/CSS/:root
• CSS Flexbox properties - https://css-tricks.com/snippets/css/a-guide-to-flexbox/
• CSS Grid properties - https://css-tricks.com/snippets/css/complete-guide-grid/
• EmailJS - https://www.emailjs.com/docs/

"dependencies": {
    "@emailjs/browser": "^3.6.2",
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^13.2.0",
    "@testing-library/user-event": "^13.5.0",
    "react": "^18.1.0",
    "react-dom": "^18.1.0",
    "react-scripts": "^5.0.1",
    "react-scroll": "^1.8.7",
    "web-vitals": "^2.1.4"
  }

Author

• Website - Mark Escosura
• LinkedIn - Mark Escosura
• Github - @mark-escosura
• Frontend Mentor - @mark-escosura

Acknowledgments

Thank you to all the people that helped and gave great tips and feedback.

• Mariojuanna - @mariojuanna - Gave feedback about my unfinished portfolio. He recommended that I should put my projects in cards.
• Caleb - @CalebCo - Gave feedback about my unfinished portfolio. Gave me tips and feedback about how i can make my portfolio more interactive in a way by instead of saying Contact on the top right, have a message bubble appear somewhere as a user scroll, saying "Oh hey there, click this". I found this a really great addition to my portfolio.
• Angelique - @MaryAngelique - Reviewed and approved one of my Pull Request.