Added the portfollio project in next js

Author: tecnodeveloper

.devcontainer/devcontainer.json

@@ -0,0 +1,22 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the
+// README at: https://github.com/devcontainers/templates/tree/main/src/typescript-node
+{
+	"name": "Node.js & TypeScript",
+	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
+	"image": "mcr.microsoft.com/devcontainers/typescript-node:1-20-bullseye"
+
+	// Features to add to the dev container. More info: https://containers.dev/features.
+	// "features": {},
+
+	// Use 'forwardPorts' to make a list of ports inside the container available locally.
+	// "forwardPorts": [],
+
+	// Use 'postCreateCommand' to run commands after the container is created.
+	// "postCreateCommand": "yarn install",
+
+	// Configure tool-specific properties.
+	// "customizations": {},
+
+	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+	// "remoteUser": "root"
+}

.gitignore

@@ -0,0 +1 @@
+node_modules

README.md

@@ -0,0 +1,46 @@
+## Next JS Portfolio
+
+## [Live Site Here](https://nosarumen-imuentinyan-next-js-portfolio.vercel.app/)
+
+
+🚀 Introducing my Next.js Portfolio 🌟
+
+Welcome to my interactive and visually stunning portfolio built with Next.js!
+
+
+<br>
+
+
+
+## 🌟 Key Features:
+
+1. 🎨 Stunning Visuals: Explore a carefully crafted design that showcases my projects, skills, and experiences in a visually engaging manner. Sleek animations and a responsive layout ensure a seamless experience on all devices.
+
+2. 👩‍💻 Dynamic Projects: Check out my latest web development projects, from websites to web applications. Each project is detailed with descriptions, technologies used, and live demos, giving you a glimpse of my technical expertise.
+
+3. 📚 Tech Stack: Discover the technologies and tools I'm proficient in, from Typescript and React to Next.js, Javascript, and more.
+
+4. 🌐 Contact and Connect: Get in touch with me through the integrated contact form. I'm open to discussing new opportunities.
+
+
+<br>
+
+
+
+## 👨‍💻 Technologies used for this application
+
+1. Next.js.
+2. TypeScript.
+3. Tailwind CSS.
+4. AOS Library for Smooth Animations.
+5. Email JS Library.
+
+
+![1](https://github.com/Sir-Rumeh/next-js-portfolio/assets/95687544/0b6d8fd3-b633-4d41-9add-2f401ea07cde)
+
+![2](https://github.com/Sir-Rumeh/next-js-portfolio/assets/95687544/27806477-a25e-4635-9095-4024260e9fcd)
+
+![3](https://github.com/Sir-Rumeh/next-js-portfolio/assets/95687544/bb36cf03-7436-45d8-8826-872182ae8385)
+
+![4](https://github.com/Sir-Rumeh/next-js-portfolio/assets/95687544/3be2ba94-6ddd-473d-bb78-044246e56a64)
+

devcontainer/devcontainer.json

@@ -0,0 +1,14 @@
+{
+  "name": "Next.js Portfolio",
+  // CHANGE THIS LINE:
+  "image": "node:20",
+
+  "customizations": {
+    "vscode": {
+      "settings": {},
+      "extensions": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode"]
+    }
+  },
+  "forwardPorts": [3000],
+  "postCreateCommand": "npm install"
+}

firebase.json

@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "build",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}

next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

next.config.js

@@ -0,0 +1,10 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+	reactStrictMode: true,
+	webpack: (config) => {
+		config.resolve.extensions.push(".ts", ".tsx");
+		return config;
+	},
+};
+
+module.exports = nextConfig;