hangerthem.com/README.md

89 lines
3.1 KiB
Markdown

![GitHub issues](https://img.shields.io/github/issues/HangerThem/hangerthem.com)
![GitHub forks](https://img.shields.io/github/forks/HangerThem/hangerthem.com)
![GitHub stars](https://img.shields.io/github/stars/HangerThem/hangerthem.com)
![GitHub license](https://img.shields.io/github/license/HangerThem/hangerthem.com)
![GitHub last commit](https://img.shields.io/github/last-commit/HangerThem/hangerthem.com)
![CodeFactor Grade](https://www.codefactor.io/repository/github/HangerThem/hangerthem.com/badge)
![Lighthouse Accessibility](https://img.shields.io/badge/accessibility-92-green)
![Lighthouse Best Practices](https://img.shields.io/badge/best%20practices-100-brightgreen)
![Lighthouse Performance](https://img.shields.io/badge/performance-100-brightgreen)
![Lighthouse SEO](https://img.shields.io/badge/SEO-100-brightgreen)
# hangerthem.com
Welcome to my personal portfolio repository, **hangerthem.com**. This webpage is a showcase of my skills and projects, providing a glimpse into who I am and what I do.
## Project Overview
**hangerthem.com** is a fully custom-designed and coded personal portfolio website. It highlights my skills, projects, and personal information in a clean, responsive layout. The site is built with Next.js and styled-components, and it includes a reCaptcha implementation for secure email communication.
## Features
- Fully custom design and code
- Built with Next.js and styled-components
- reCaptcha implemented for secure email sending
- Responsive design for all device sizes
- Easy navigation with a fixed navbar
## Installation Instructions
To run this project locally, you will need Node.js (or Bun) installed on your machine. Follow these steps:
1. **Clone the repository:**
```bash
git clone https://github.com/HangerThem/hangerthem.com.git
cd hangerthem.com
```
2. **Install dependencies:**
```bash
npm install
# or
yarn install
# or
pnpm install
# or
bun install
```
3. **Set up environment variables:**
Create a `.env` file in the root directory and add the required environment variables. (Contact me if you need specific details about these variables.)
4. **Run the development server:**
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
## Usage
The portfolio is a single-page application with a navbar for easy navigation between sections. It is fully responsive and works well on all device sizes.
### Lighthouse Report
![Lighthouse Report](https://lighthouse-report-svg.vercel.app/?perf=100&acc=92&best=100&seo=100&pwa=0)
## Contributing
This is a personal portfolio, so contributions are not expected. However, if you find any issues or have suggestions, feel free to open an issue or contact me directly.
## License
This project is open source and available under the [MIT License](LICENSE).
## Contact Information
You can contact me through the contact form on the website or directly via email at [f.borisjuk@hangerthem.com](mailto:f.borisjuk@hangerthem.com).
## Additional Information
For any other information or inquiries, please feel free to reach out through the provided contact methods.