https://github.com/dikshant441/personal-portfolio

Personal Portfolio
https://github.com/dikshant441/personal-portfolio

email-sender nextjs nextjs-portfolio-website reacrt react-portfolio-website typescript vercel-deployment

Last synced: 6 days ago
JSON representation

Personal Portfolio

• Host: GitHub
• URL: https://github.com/dikshant441/personal-portfolio
• Owner: Dikshant441
• Created: 2024-06-05T09:40:06.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-08-11T10:53:12.000Z (3 months ago)
• Last Synced: 2024-08-11T11:56:17.303Z (3 months ago)
• Topics: email-sender, nextjs, nextjs-portfolio-website, reacrt, react-portfolio-website, typescript, vercel-deployment
• Language: TypeScript
• Homepage: https://personal-portfolio-delta-steel-29.vercel.app
• Size: 3.88 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# What you will learn

- Latest Next.js

- Next.js App Router

- Next.js Server Actions

- Client & Server Components

- TypeScript (Beginner & Intermediate)

- Tailwind CSS

- Context API

- Advanced Animations with Framer Motion

- React.Email & Resend

- Custom React hooks

- Fresh, modern UI design

- Light & Dark mode

- Responsive website

# Setup or Run project your own systum

0. npm i  

1. Add RESEND_API_KEY environment variable in .env.local => https://resend.com/api-keys

2. In the send-email.ts action file, change the "to" email to your own email

3. npm run dev

# Tech Stack 

1. HTML

2. Tailwindcss

3. TypeScript

4. React

5. Next.js (npx [email protected])

6. Framer motion

7. Email

# other Node packages used 

1. npm i react-icons

2. npm i framer-motion

3. npm i --save clsx

4. npm i react-intersection-observer

5. npm i react-vertical-timeline-component

6. npm i react-toastify

7. npm i [email protected] - npm i @react-email/tailwind - npm i @react-email/components - npm i @react-email/render