Skip to content

Pratham2703005/Next_Portfolio_2

Repository files navigation

Pratham's Portfolio

Live demo : Link

Portfolio Homepage

A modern, interactive portfolio website showcasing my skills, projects, and offering unique ways to connect.

🌟 Features

🏠 Homepage

A clean, minimalist landing page featuring my name with elegant background artifacts, setting the tone for a professional yet creative portfolio.

📋 About Section

  • Resume: Download my latest resume
  • About Me: Learn about my background and interests
  • Education: My academic journey
  • Skills: Technologies and tools I'm proficient in
  • Achievements: Notable accomplishments in my career

About Section

💻 Projects

A showcase of my work across various technologies, demonstrating my growth as a developer. Each project includes:

  • Description
  • Technologies used
  • Live demo link
  • GitHub repository link

Projects Section

💬 Messages Canvas

A unique interactive feature that allows visitors to leave messages on a virtual canvas:

  • Public Messages: Visible to all visitors
  • Private Messages: Only visible to me
  • Drag and drop functionality to place messages anywhere on the canvas
  • Real-time preview of message placement

Messages Feature Messages Canvas

🎮 Games Section

A collection of interactive games I've developed:

  • Tic Tac Toe: Classic game with AI opponent
  • Ping Pong: Test your reflexes against a bot
  • Memory Cards: Match pairs of cards to test your memory
  • Snake: Navigate and grow your snake without hitting walls

Games Section

🛠️ Tech Stack

This portfolio is built with modern technologies:

  • Frontend: Next.js, React, Tailwind CSS
  • Authentication: NextAuth.js
  • Database: MongoDB
  • ORM: Prisma
  • UI Components: shadcn/ui

🚀 Getting Started

Prerequisites

  • Node.js (v18 or higher)
  • npm or yarn
  • MongoDB connection

Installation

  1. Clone the repository
git clone https://github.com/Pratham2703005/Next_Portfolio.git
cd Next_Portfolio
  1. Install dependencies
npm install
# or
yarn install
  1. Set up environment variables Create a .env.local file in the root directory with the following variables:
DATABASE_URL=your_mongodb_connection_string
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=your_nextauth_secret
# Add any other required environment variables
  1. Run the development server
npm run dev
# or
yarn dev
  1. Open http://localhost:3000 in your browser to see the portfolio

🤝 Contributing

Feel free to fork this repository and use it as a template for your own portfolio. If you have suggestions for improvements, please open an issue or submit a pull request.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

📞 Contact

Feel free to reach out to me through the Messages section of my portfolio or connect with me on:

About

A modern, interactive portfolio website showcasing my skills, projects, and offering unique ways to connect.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors