Portfolio website

Live link: https://portfolio-swadesh-pal.vercel.app

    https://portfolio-swadesh-pal.vercel.app

Overview

Portfolio website is a personal online platform where I showcase my skills, work experience, achievements, and contacts. A well-designed portfolio website allows visitors to easily explore the creator's work, learn about their background, and understand their expertise.

This is a full-stack application built with Next.js on the front-end and Appwrite as the backend service, delivering a high-performance, SEO-friendly experience. To ensure smooth and engaging user interactions, Framer Motion is used for animations, offering a polished and modern look. The application also features a robust admin panel that allows seamless management and updating of content, ensuring the platform stays current and scalable. This project highlights the perfect blend of dynamic functionality, user-friendly design, and cutting-edge technology.

Key Elements of My Portfolio Website:

1. Home Page

   • The first thing visitors see should provide a quick overview of who I am, what I do, my key skills, and a link to my resume.
   • It should also showcase some of my standout projects, internship experiences, testimonials and social connection links with icons.
   • Smooth animations enhance the website's aesthetics, making it more engaging and user-friendly.

2. About Me Page

   • Provides detailed information about myself, including a brief introduction, a professional photo, and personal details.
   • It also highlights my academic background, links to coding platforms, and language proficiency.
   • This section is an opportunity to connect with visitors by sharing my journey, inspirations, and personality.

3. Work Experience Page

   • This is the core of the portfolio, showcasing past and current internships, hackathons, and open-source contributions in brief.
   • For each experience, it’s important to provide a description, highlight the role I played, and specify the tech stack I used.
   • Including certificates and offer letters adds credibility and makes it more engaging.

4. Projects Page

   • A dedicated section to showcase all my projects, categorized for easy navigation.
   • Each project is structured with a photo, tech tools used, a short description, and icons for the source code and live project links.
   • The project cards are interactive—clicking on a card reveals the live links and detailed descriptions.

5. Achievement Page

   • A dedicated section to showcase all my achievements, organized for easy access.
   • Each achievement is presented with its title and a corresponding link for more details.

6. Contact Information

   • A clear way for visitors to get in touch, including a simple contact form, email address, phone number, and my location.
   • Users can also submit their queries by filling out the contact form.

Tech Tools

• Next Js
• Typescript
• Tailwind Css & Daisy UI
• Appwrite
• Framer-motion
• Formik - Yup