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

https://github.com/hari7261/hariom-tech-portfolio

This project is built using Next.js, Tailwind CSS, Headless UI, and MDX to showcase my projects, skills, and experiences in one place.
https://github.com/hari7261/hariom-tech-portfolio

2024 computer-science github next-js-app portfolio portfolio-page portfolio-website react-js reactjs technology vercel vercel-deployment

Last synced: 5 months ago
JSON representation

This project is built using Next.js, Tailwind CSS, Headless UI, and MDX to showcase my projects, skills, and experiences in one place.

Awesome Lists containing this project

README

          

# Welcome to my Portfolio Website!...

This project is built using Next.js, Tailwind CSS, Headless UI, and MDX to showcase my projects, skills, and experiences in one place.

## Recent Updates

- Updated meta tags in the `pages` directory for improved SEO and social sharing.
- Added new components, images, and styles for a polished user experience.

## Getting Started

Follow these steps to get the project up and running on your local machine:

1. Clone the repository
2. Install dependencies: `npm install`
3. Start the development server: `npm run dev`
4. Open your browser and visit: [http://localhost:3000](http://localhost:3000)

## Project Structure

- **`/pages`**: Contains Next.js pages including the updated meta tags.
- **`/components`**: Houses reusable React components for the website.
- **`/images`**: Stores images used in the portfolio.
- **`/styles`**: Contains Tailwind CSS configuration and utility classes.
- **`/lib`**: Includes additional libraries or utilities for the project.

## Customization

Feel free to customize the website to suit your needs:

- Update meta tags and content in `/pages` as needed.
- Modify styles in `/styles` or add new Tailwind CSS utility classes.
- Expand functionality by adding new components or pages in `/components` or `/pages`.

## Deploying

Deploy the website to your preferred hosting platform. For example, you can deploy to Vercel using the following steps:

1. Install Vercel CLI: `npm install -g vercel`
2. Login to Vercel: `vercel login`
3. Deploy the project: `vercel --prod`

## Feedback and Contributions

I welcome feedback, suggestions, and contributions to enhance this project. Feel free to open issues for bugs or feature requests, or submit pull requests to improve the codebase.