Portfolio Website

Overview:

The “My Portfolio” project is a Next.js application designed to help individuals showcase their portfolio. It is built with TypeScript, TailwindCSS, Framer Motion for animations, Iconify for icons, and Lottie Files for illustrations. The project consists of sections like Hero, About, Skills, Experience, Projects, and Contact. Users can easily customize the content, resume, About Section, and theme to suit their preferences. Continuous development is in progress, with plans to migrate to Next 13, find alternatives for Framer Motion, add a Content Management System (CMS), add test cases, and create a separate route for projects with filters.

Features:

• Built With: Next.js, TypeScript, TailwindCSS, Framer Motion, Iconify, Lottie Files
• Sections: Hero, About, Skills, Experience, Projects, Contact
• How to use: Detailed instructions for cloning, running, and customizing the project
• Contributing guidelines: Join the Discord channel, run the project locally, and follow the guidelines
• Continuous Development: Migration to Next 13, finding alternatives for Framer Motion, adding a CMS, test cases, and more
• Contact: Provided Discord, website, Github, LinkedIn, Twitter, Instagram, and Facebook links
• Acknowledgements: Mentions design inspirations from various sources
• Show Your Support: Encourages users to give a star if they liked the project

Installation:

1. Clone the repository:

git clone [repository_url]

2. Install dependencies:

cd [project_directory]
npm install

3. Start the server:

npm run dev

4. Customization:
   • Edit content: src/lib/content/
   • Change resume: /public/resume.pdf
   • Modify About Section: src/containers/About.tsx
   • Adjust theme: src/styles/globals.css

Summary:

The “My Portfolio” project offers a customizable platform for individuals to present their portfolios effectively. With a clear structure, easy customization options, and plans for continuous development, it provides users with a robust solution to showcase their skills and experiences. The inclusion of various technologies like TypeScript, TailwindCSS, and animations with Framer Motion enhances the visual appeal of the portfolio. By following the detailed guidelines for installation and customization, users can easily set up their personalized portfolios and contribute to the project’s development.