Skip to content

sid86-dev/portfolio

Repository files navigation

sid86

This is my personal portfolio 🚀 website built using React, Next.js, and Bootstrap5. It serves as a showcase of my work, skills, and experiences.

📃 Table of Contents


You can access the live website at sid86.me. 🚀

The latest commit preview at {commit}.sid86.me 💻


🚀 Features

  • 🎨 Responsive and visually appealing design.
  • ⚙️ Type-Safe with TypeScript.
  • 🔍 Full search experience over the app
  • 🚧 Sections to showcase the projects, skills, and experiences.
  • 📧 Contact form for potential clients or employers to get in touch.
  • 🌒 Dark/Light Mode for enhanced user experience.
  • 🔄 Built with SSG (Static Site Generation) and SSR (Server-Side Rendering) for fast and optimized performance.

⚙️ Routes

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

🔧 Technologies

  • ⚛️ React: A JavaScript library for building user interfaces.
  • Next.js: A React framework for server-rendered applications.
  • 🎨 Bootstrap5: Powerful, extensible, and feature-packed frontend toolkit.
  • ⚙️ [... Add other technologies used in your project]

📥 Installation

  1. Clone the repository:

    git clone https://github.com/sid86-dev/portfolio.git
  2. Change into the project directory:

    cd portfolio
  3. Install the dependencies:

    npm install

💻 Usage

  1. Start the development server:

    npm run dev
  2. Your portfolio should now be running at http://localhost:3000.


🎨 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.

🚀 Deployment

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


🤝 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.

📜 License

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


🚀 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. 🚀