Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/theyashsawarkar/portfolio

This is my portfolio site, built using Next.js.
https://github.com/theyashsawarkar/portfolio

emailjs html javascript nextjs nextjs14 tailwindcss typescript

Last synced: about 1 month ago
JSON representation

This is my portfolio site, built using Next.js.

Awesome Lists containing this project

README

        

# Yash Sawarkar's Portfolio 🌟
Welcome to my portfolio! This site showcases my projects, skills, and experience. It’s built with Next.js and various other tools to create a seamless and interactive experience. πŸš€

## πŸ“¦ Packages Used
- next - The React framework for building server-side rendered applications.
- @emailjs/browser - For sending emails directly from the client-side.
- lottie-react - To add animations and make the site more engaging.
- react-fast-marquee - For smooth and fast scrolling text.
- react-icons - For a variety of icons to enhance the UI.
- react-toastify - For beautiful and customizable toast notifications.
- sass - For writing elegant and maintainable CSS.
- tailwindcss - For utility-first CSS styling.

## πŸ”— Demo

Check out the live demo of my portfolio: [Live Demo](https://yash-sawarkar-portfolio.vercel.app/)

## πŸš€ Getting Started

To get a local copy up and running, follow these steps:

1. **Clone the repository:**
```bash
git clone https://github.com/Theyashsawarkar/Portfolio.git
```

2. **Navigate to the project directory:**
```bash
cd Portfolio
```

3. **Create a `.env` file in the root of the project and add your environment variables.**
For example:
```env
NEXT_PUBLIC_EMAILJS_SERVICE_ID =
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID =
NEXT_PUBLIC_EMAILJS_PUBLIC_KEY =
NEXT_PUBLIC_GTM =
NEXT_PUBLIC_APP_URL = "http://127.0.0.1:3000"
NEXT_PUBLIC_RECAPTCHA_SECRET_KEY =
NEXT_PUBLIC_RECAPTCHA_SITE_KEY =
```

4. **Install the dependencies:**
```bash
npm install
```

5. **Run the development server:**
```bash
npm run dev
```

6. Open your browser and go to `http://localhost:3000` to see the site in action.

## πŸ“§ Contact

Feel free to reach out if you have any questions or just want to connect!

- Email: [[email protected]](mailto:[email protected])
- LinkedIn: [Yash Sawarkar](https://www.linkedin.com/in/theyashsawarkar/)