This is my personal portfolio, a modern and dynamic web application built with Next.js and Tailwind CSS. It’s designed to highlight my skills, projects, and achievements as a developer. With an interactive project gallery and a sleek dark theme, this portfolio delivers a seamless and engaging user experience across all devices.
- Welcoming Introduction: A vibrant landing page introducing my journey.
- Call-to-Action: Links to explore other sections like Projects and Contact Me.
- Personal Story: Insights into my background, passions, and goals.
- Professional Overview: Highlights of my skills and experience.
- Tech Evolution: A timeline of technologies I’ve learned and mastered.
- Skill Showcase: Visual representation of my tech stack proficiency.
- Practical Applications: Examples of how I’ve used my tech stack in projects.
- Tool Insights: Details on frameworks, libraries, and tools I leverage.
- Project Listings: Detailed showcase of my work with descriptions.
- Live View: Links to deployed projects for real-time interaction.
- Source Code: Access to GitHub repositories for code review.
- Responsive Design: Project previews optimized for all devices.
- Milestones: Key accomplishments, certifications, and awards.
- Professional Growth: Highlights of contributions to the tech community.
- Direct Communication: Form or links to reach out via email or social media.
- Social Links: Connect with me on GitHub, LinkedIn, and other platforms.
- Sleek Dark Theme: Navy blue and black gradient for a professional look.
- Responsive Design: Seamless experience on desktop, tablet, and mobile.
- Subtle Animations: Smooth transitions for a polished feel.
- Accessibility: Built with WCAG guidelines in mind.
Here are the main technologies and tools used to build this portfolio:
| Category | Technologies |
|---|---|
| Framework |  |
| Styling |   |
| Language |  |
| Animations |  |
| Icons |  |
| Email Service |  |
| Deployment |  |
ANMOL-PORTFOLIO/
└── my-app/
├── .next/ # Next.js build output
├── app/ # App directory for routing and layout
│ ├── globals.css # Global styles
│ ├── layout.tsx # Root layout component
│ └── page.tsx # Homepage entry
├── components/ # Reusable UI sections/components
│ ├── about.tsx # About section
│ ├── achievements.tsx # Achievements section
│ ├── contact.tsx # Contact section
│ ├── home.tsx # Home/Landing section
│ ├── journey.tsx # Tech Stack / Journey section
│ ├── navbar.tsx # Navigation bar
│ ├── progress.tsx # Progress / skills component
│ ├── projects.tsx # Projects section
│ └── SectionBackground.tsx # Section background visuals
├── public/ # Static files like images or favicon
├── .env.local # Local environment variables
├── .eslintrc.json # ESLint configuration
├── .gitignore # Git ignored files list
├── next-env.d.ts # TypeScript Next.js env types
├── next.config.js # Next.js config file
└── package.json # Project metadata and dependencies
- Clone the repository
git clone https://github.com/Anmol283/Anmol-Portfolio
cd my-app
- Install dependencies
npm install
- Set up environment variables
Create a .env.local file and fill in:
NEXT_PUBLIC_EMAILJS_SERVICE_ID=<YOUR_KEY>
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID=<YOUR_KEY>
NEXT_PUBLIC_EMAILJS_PUBLIC_KEY=<YOUR_KEY>
- Run the development server
npm run dev
- Open your browser
Navigate to http://localhost:3000
Run tests using:
npm run test
This will execute all unit and integration tests to ensure the application is functioning correctly.
This project is licensed under the MIT License.
Big thanks to the awesome tools, libraries, and platforms that made this portfolio possible:
- Next.js – The React framework for production
- Tailwind CSS – Utility-first CSS framework for styling
- EmailJS – Send emails directly from the frontend
- Lucide React – Beautiful, consistent icons as React components
- Framer Motion – Animation library for React
- TypeScript – Strongly typed JavaScript
- ESLint – Linting for cleaner, consistent code
- Shields.io – For generating badges in the Tech Stack section
If you like this project, consider giving it a ⭐ on GitHub — it helps others discover it too and keeps me motivated to improve and add more features!
Built with ❤️ by Anmol. Let’s connect and create something extraordinary! 🌍