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.