Modern Portfolio using Next.js and Framer Motion

📔 Table of Contents

• Folder Structure
• Getting Started
• Screenshots
• Tech Stack
• Contribute
• Give A Star

‼️ Folder Structure

Here is the folder structure of this app.

modern-portfolio/
  |- components/
  |- pages/
    |-- about/
    |-- contact/
    |-- services/
    |-- testimonials/
    |-- work/
    |-- _app.jsx
    |-- index.jsx
  |- public/
  |- styles/
    |-- globals.css
  |- .eslintrc.json
  |- .gitignore
  |- next.config.js
  |- package-lock.json
  |- package.json
  |- postcss.config.js
  |- tailwind.config.js
  |- variants.js

🧰 Getting Started

1. Make sure Git and NodeJS is installed.

2. Clone this repository to your local computer.

3. Open terminal in root directory. Run npm install --legacy-peer-deps or yarn install --legacy-peer-deps.

4. Now app is fully configured 👍 and you can start using this app using npm run dev or yarn dev.

📷 Screenshots:

⚙️ Tech Stack

🙌 Contribute

You might encounter some bugs while using this app. You are more than welcome to contribute. Just submit changes via pull request and I will review them before merging. Make sure you follow community guidelines.

⭐ Give A Star

You can also give this repository a star to show more people and they can use this repository.

(back to top)