Skip to content

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

Notifications You must be signed in to change notification settings

necrifede/portfolio-nextjs13-beta

Repository files navigation

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published