Modern Portfolio

My personal portfolio website modernized

Technology stack

• Styling: Stitches
• Content: Markdown
• Back-end: Next.js
• Front-end: React
• Animation: Framer
• Deployment: Vercel

Running locally

1. Clone this repo:

$ git clone https://github.com/Dozzergeeky/modern-portfolio.git

2. Then go to the project's folder:

cd modern-portfolio

3. Install all dependencies:

npm install

4. Run locally:

npm run dev

File structure

The basic file structure for the project is organized in the following way:

.
|-- articles
|-- components
|-- data
|-- layouts
|-- lib
|-- pages
`-- public

articles

Here you'll find a list of markdown files for each post.

components

Here you'll find reusable blocks of React components.

data

Here you'll find JSON files that populates each section.

layouts

Here you'll find default templates for different pages.

lib

Here you'll find a set of utilities.

pages

Here you'll find all the main pages of the site.

public

Here you'll find all the CSS, images, and font files.

License

MIT License © Dozzer