https://github.com/ryanabeysinghe/personal-portfolio
Responsive Personal Portfolio Website using Next.js, JavaScript, Tailwind CSS, HTML, Nodemailer, and Vercel utilizing React JavaScript Framework
https://github.com/ryanabeysinghe/personal-portfolio
chakra-ui css html javascript nextjs nodejs nodemailer tailwindcss vercel
Last synced: 3 months ago
JSON representation
Responsive Personal Portfolio Website using Next.js, JavaScript, Tailwind CSS, HTML, Nodemailer, and Vercel utilizing React JavaScript Framework
- Host: GitHub
- URL: https://github.com/ryanabeysinghe/personal-portfolio
- Owner: ryanabeysinghe
- Created: 2023-05-30T05:10:54.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-11-14T23:48:32.000Z (8 months ago)
- Last Synced: 2026-01-03T14:31:47.793Z (6 months ago)
- Topics: chakra-ui, css, html, javascript, nextjs, nodejs, nodemailer, tailwindcss, vercel
- Language: JavaScript
- Homepage: https://ryanabeysinghe.com/
- Size: 30.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ryan Abeysinghe's Personal Portfolio Website
## *Disclaimer* : Do not clone or replicate this repository without proper consent. [Contact](https://ryanabeysinghe.com/contact) for any questions or concerns
## This is a fully responsive personal portfolio website using Next.js, JavaScript, Tailwind CSS, HTML, Nodemailer and Vercel utilizing React JavaScript Framework
# *Domain:* https://ryanabeysinghe.com/
## `Demo Video Desktop:`
https://github.com/ryanabeysinghe/Personal-Portfolio/assets/75642666/db0eeeb8-4ad4-4508-93d5-95f57aa171de
## `Demo Video Mobile:`
https://github.com/ryanabeysinghe/Personal-Portfolio/assets/75642666/9a45c8be-d905-4b5d-a5ee-03f2fd56072b
## `Page Speed Insights (PSI) for Desktop:`
## `Hostinger - Internet Domain Registrar`
- **URL:** https://www.hostinger.com/
## `Vercel - Web Hosting Provider`
- **URL:** https://vercel.com/
# SEO (Search Engine Optimization) Practices
## `Sitemap`
A sitemap is made in XML (Extensible Markup Language) and is primarily used as a way for AI to index your site easier. Search engines like Google use XML sitemaps to store your site’s pages more efficiently, producing better results when people search for related terms.
- **Sitemap URL:** https://ryanabeysinghe.com/sitemap.xml
- **Posted Sitemap on Google Search Console:** https://search.google.com/search-console/about
## `Google Search Console`
Google Search Console is a web service by Google which allows webmasters to check indexing status, search queries, crawling errors and optimize visibility of their websites.
* Log into account -> Enter domain name of website -> Copy TXT record into the DNS configuration for https://ryanabeysinghe.com/ in Hostinger
* Once sitemap.xml is created go to -> Sitemaps tab -> Add a new sitemap URL and it should be good to go
## `Robots.txt`
A robots.txt file tells search engines what your website's rules of engagement are. A big part of doing SEO is about sending the right signals to search engines, and the robots.txt is one of the ways to communicate your crawling preferences to search engines.
**URL:** https://ryanabeysinghe.com/robots.txt
# Application Programming Interface (APIs)
### `Nodemailer`
Utilized Nodemailer is a popular module for Node.js that allows you to send emails using client-side JavaScript code.
**Nodemailer URL:** https://nodemailer.com/
### External Libraries used in this project:
- [framer-motion](https://www.framer.com/motion/)
- [Tailwind css](https://tailwindcss.com/)