/portfolio-nextjs13-beta

Here will be the code for my portfolio developed using the Next.js 13 beta version

Primary LanguageJavaScript

nestorfelipe.eu

Here is documentation about a personal space.

Pendings

All task to complete this project

Required tasks to complete this site

  • refine logo
  • Add menu
  • (menu option) Add content for home
  • add small description about myself
  • add picture to home
  • add social networks (github, linkedin, blog, mainto, instagram?, twitter?)
  • (menu option) add proper components for projects, evidences, outlines.
  • add project tab content (loan calcuator, is IP trust, bolivian slides)
  • (menu option) add posts tab
  • create at least one post about dates, content
  • define how to store posts
  • (menu option) add 'get in touch' section
  • downloadable resume?
  • awards
  • verify SEO
  • (menu option) add language option
  • add support for internationalization
  • (menu option) add dark option
  • Update error fallback page
  • Update footer
  • Add cookie consents

Issues

  • on mobile devices, menu is not closed.
  • on mobile devices, avatar picture on home page is on top of menu, open menu to see this behaviour.
  • on navigation menu add styles to see which item is selected.
  • fix the menu bar at the top. it shouldn't move with scroll.
  • on mobile, increase area of click for hamburger button.
  • Add proper validation to the form.
  • Use OAuth2 when sending mails.
  • Add privacy policy.

Posts ideas to create

  • handling datetimes
  • CSS - selecting an element based on
  • Microfront ends - review content of friday March 10, 2023.
  • How to Improve the performance of a webpage

Project ideas

  • Create a color codes calculator

Some important resources

Followed semactic from https://www.semrush.com/blog/semantic-html5-guide/

Where:

<body>
  <header></header>
  <!-- empty header -->
  <nav></nav>
  <aside></aside>
  <!-- empty header -->
  <main>
    <section></section>
    <article>
      <figure></figure>
      <p></p>
    </article>
  </main>
  <footer></footer>
</body>

Task to improve this website, Nice to have

here a list tasks to improve the site.

  • use of tailwindcss for improve styles
  • Use shadow box on main menu
  • make the avatar animated