Skip to content

StewartMck/personal-portfolio-next

Repository files navigation

Portfolio is a personal portfolio NEXT.js application.



"Portfolio gif"

Skills on Display

  • NEXT.js
  • TypeScript
  • React
  • Auth0
  • Prisma
  • Sass

Features

  • Single Page Application using Next.js and Server Side Rendering
  • Projects are filtered by featured criteria on the main page
  • Projects and Skills are queried from a DB
  • Admin Login using Auth0
  • API endpoints protected by Auth0
  • Admin page allows adding, updating and deleting of Projects and Skills
  • About page content is populated from editable markdown file
  • Links to Resume, LinkedIn, Github and email

Getting Started

  1. Install dependencies using the npm install command.
  2. Start using the npm run dev command.
  3. Go to http://localhost:3000 in your browser.

Dependencies & Dev Dependencies

  • @auth0/nextjs-auth0: ^1.3.0
  • @material-ui/core: ^4.11.3
  • @material-ui/icons: ^4.11.2
  • @prisma/client: ^2.20.1
  • @types/auth0": ^2.33.3
  • @types/auth0-js: ^9.14.3
  • @types/material-ui: ^0.21.8
  • axios: ^0.21.1
  • next: 10.1.2
  • react: 17.0.2
  • react-dom: 17.0.2
  • react-markdown: ^5.0.3
  • remark: ^13.0.0
  • remark-html: ^13.0.1
  • sass: ^1.32.8
  • @types/react: ^17.0.3
  • prisma: ^2.20.0
  • typescript: ^4.2.3