This is a portfolio website that showcases my work using Next.js. The website is fully responsive and optimized for different devices and screen resolutions. It also features a full stack functionality that enables me to log in as an admin and manage all the projects I have uploaded, such as editing, updating, or deleting them.

Technologies used

Next.js: A React framework for building fast and scalable web applications.
Tailwind CSS: A utility-first CSS framework for rapid UI development.
TypeScript: A superset of JavaScript that adds static type checking and other features.
MongoDB: A document-based database for storing and querying data.
Next Auth: A library for implementing authentication and authorization in Next.js applications.

Acknowledgements 🙌
I would like to express my gratitude to Eihab Khan for creating and sharing the Figma UI kit that I used for this portfolio. The UI kit was very helpful and inspiring for my web design.

Features

Fully responsive: The website adapts to different screen sizes and devices, ensuring a smooth user experience across all platforms.
Multipage layout: The website consists of multiple pages, each with a specific purpose and content. You can navigate between the pages using the menu bar at the top.
Admin dashboard: The website provides a secure and user-friendly dashboard for the admin to manage the projects. The admin can log in, edit, update, or delete the projects as needed.

Getting Started with Next.js

This project was bootstrapped with create-next-app, a tool that sets up a Next.js project with the best practices and minimal configuration.
To run this project locally, you will need to have node.js and git installed globally on your machine.

Installation and setup instructions

Clone this repository to your local machine using git clone https://github.com/onamkrverma/nextjs-portfolio.git.
Install the dependencies using npm install in the project directory.
Run the development server using npm start in the project directory.
Open http://localhost:3000 in your browser to view the website.
The website will reload automatically when you make changes to the code.

Technologies used

Next.js: A React framework for building fast and scalable web applications.

Tailwind CSS: A utility-first CSS framework for rapid UI development.

TypeScript: A superset of JavaScript that adds static type checking and other features.

MongoDB: A document-based database for storing and querying data.

Next Auth: A library for implementing authentication and authorization in Next.js applications.

Features

Fully responsive: The website adapts to different screen sizes and devices, ensuring a smooth user experience across all platforms.

Multipage layout: The website consists of multiple pages, each with a specific purpose and content. You can navigate between the pages using the menu bar at the top.

Admin dashboard: The website provides a secure and user-friendly dashboard for the admin to manage the projects. The admin can log in, edit, update, or delete the projects as needed.

Installation and setup instructions

Clone this repository to your local machine using git clone https://github.com/onamkrverma/nextjs-portfolio.git.

Install the dependencies using npm install in the project directory.

Run the development server using npm start in the project directory.

Open http://localhost:3000 in your browser to view the website.

The website will reload automatically when you make changes to the code.

Nextjs Portfolio

Technologies used

Features

Getting Started with Next.js

Installation and setup instructions

Nextjs Portfolio

Technologies used

Features

Getting Started with Next.js

Installation and setup instructions