Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/swadeshit27/portfolio-2.0


https://github.com/swadeshit27/portfolio-2.0

framer-motion nextjs tailwindcss typescript

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README 

        
# 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