Skip to content

FuSan21/portfolio

Repository files navigation

Modern Space Theme Portfolio using Next.js 14 and Three.js

Modern Space Theme Portfolio using Next.js 14 and Three.js

Ask Me Anything! GitHub license Maintenance GitHub branches Github commits GitHub issues GitHub pull requests Netlify Status

πŸ“” Table of Contents

‼️ Folder Structure

Here is the folder structure of this app.

space-portfolio/
  |- app/
    |-- favicon.ico
    |-- globals.css
    |-- layout.tsx
    |-- page.tsx
  |- components/
    |-- main/
        |--- encryption.tsx
        |--- footer.tsx
        |--- hero.tsx
        |--- navbar.tsx
        |--- projects.tsx
        |--- skills.tsx
        |--- star-background.tsx
    |-- sub/
        |--- hero-content.tsx
        |--- project-card.tsx
        |--- skill-data-provider.tsx
        |--- skill-text.tsx
  |- config/
    |-- index.ts
  |- constants/
    |-- index.ts
  |- lib/
    |-- motion.ts
    |-- utils.ts
  |- public/
    |-- projects/
    |-- skills/
    |-- videos/
    |-- hero-bg.svg
    |-- lock-main.png
    |-- lock-top.png
    |-- logo.png
  |- .eslintrc.json
  |- .gitignore
  |- next.config.js
  |- package-lock.json
  |- package.json
  |- postcss.config.js
  |- tailwind.config.ts
  |- tsconfig.json

🧰 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:

Modern UI/UX

Showcase your skills

Built with Typescript

Showcase your projects

βš™οΈ Tech Stack

React JS Next JS Typescript Tailwind CSS Netlify Three.js

πŸ”§ Stats

Stats for Space Portfolio

πŸ™Œ 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.

πŸ’Ž Acknowledgements

Useful resources and dependencies that are used in Space Portfolio.

πŸš€ Follow Me

GitHub followers Twitter

πŸ“š Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

πŸ“ƒ Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out Next.js deployment documentation for more details.

⭐ Give A Star

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

🌟 Star History

Star History Chart

(back to top)

Releases

No releases published

Packages

No packages published