main.mustache

<h1 align="center"> sid86 </h1>


<p align="center">
  This is my personal portfolio 🚀  website built using React, Next.js, and Bootstrap5. It serves as a showcase of my work, skills, and experiences. 
</p>


## :page_with_curl: Table of Contents

- [Features](#rocket-features)
- [Routes](#gear-routes)
- [Technologies](#wrench-technologies)
- [Installation](#inbox_tray-installation)
- [Usage](#computer-usage)
- [Customization](#art-customization)
- [Deployment](#rocket-deployment)
- [Contributing](#handshake-contributing)
- [License](#scroll-license)

<br>

#### You can access the live website at [sid86.me](https://sid86.me). 🚀
#### The latest commit preview at [{commit}.sid86.me](https://{{commit}}.sid86.me) 💻
  

<br>

## :rocket: Features

- :art: Responsive and visually appealing design.
- :gear: Type-Safe with TypeScript.
- :mag: Full search experience over the app
- :construction: Sections to showcase the projects, skills, and experiences.
- :email: Contact form for potential clients or employers to get in touch.
- :waxing_crescent_moon: Dark/Light Mode for enhanced user experience.
- :arrows_counterclockwise: Built with SSG (Static Site Generation) and SSR (Server-Side Rendering) for fast and optimized performance.


<br>


## :gear: Routes

| Route         | Description                                 |
| ------------- | ------------------------------------------- |
| /search       | Search and filter through multiple projects |
| /project/[id] | Detail page of any single project           |
| /meet         | Contact and fix meeting                     |

<br>

## :wrench: Technologies

- :atom_symbol: [React](https://reactjs.org/): A JavaScript library for building user interfaces.
- :fast_forward: [Next.js](https://nextjs.org/): A React framework for server-rendered applications.
- :art: [Bootstrap5](https://getbootstrap.com/): Powerful, extensible, and feature-packed frontend toolkit.
- :gear: [... Add other technologies used in your project]

<br>

## :inbox_tray: Installation

1. Clone the repository:

   ```bash
   git clone https://github.com/sid86-dev/portfolio.git
   ```

2. Change into the project directory:

   ```bash
   cd portfolio
   ```

3. Install the dependencies:

   ```bash
   npm install
   ```

<br>

## :computer: Usage

1. Start the development server:

   ```bash
   npm run dev
   ```

2. Your portfolio should now be running at `http://localhost:3000`.

<br>

## :art: Customization

To customize the portfolio for your own use:

1. Replace the content in the `content` folder with your own projects and information.
2. Modify the styles in the `global.css` file.
3. Update the skills in the `components\Skills` directory.

<br>

## :rocket: Deployment

You can deploy your portfolio to platforms like Vercel, Netlify, or GitHub Pages. Follow the deployment instructions for the platform of your choice.

<br>

## :handshake: Contributing

Contributions are welcome! If you'd like to make improvements to this project, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them.
4. Push your changes to your fork.
5. Submit a pull request to the main repository.

<br>

## :scroll: License

This project is open-source and available under the [MIT License](LICENSE). Feel free to use, modify, and distribute it as needed for your personal or professional use.

---

:rocket: Enjoy building and showcasing your portfolio with this React, Next.js, and Bootstrap5 project! If you have any questions or need assistance, please don't hesitate to reach out. :rocket: