Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/shahadat3669/portfolio

Welcome to my Portfolio! It showcases my skills, projects, and contributions as a developer, demonstrating my proficiency with cutting-edge technologies and best practices in software development. As a developer, I excel in React, Next.js, Tailwind CSS, TypeScript, ESLint, Prettier, Husky, and Jest. Explore my diverse projects and contributions! 🚀
https://github.com/shahadat3669/portfolio

commitlint eslint husky jest lint-staged nextjs postcss prettier reactjs tailwindcss testing-library typescript

Last synced: 19 days ago
JSON representation

Welcome to my Portfolio! It showcases my skills, projects, and contributions as a developer, demonstrating my proficiency with cutting-edge technologies and best practices in software development. As a developer, I excel in React, Next.js, Tailwind CSS, TypeScript, ESLint, Prettier, Husky, and Jest. Explore my diverse projects and contributions! 🚀

Awesome Lists containing this project

README 

        





  logo

  logo




# 📗 Table of Contents



- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Development Workflow](#development)

  - [Build](#build)

  - [Deployment](#deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🔭 Acknowledgements](#acknowledgements)

- [❓ FAQ](#faq)

- [📝 License](#license)



# 🎯 Shahadat's Portfolio



📢 Explore my portfolio and witness the alchemy of web development where code

and creativity converge! 🎨🚀 This isn't just a portfolio; it's a dynamic canvas

brought to life by Next.js, React, and an arsenal of cutting-edge technologies.



Take a stroll through the seamless design that adapts to any device, embracing

both light and dark settings for a personalized touch. 🌟 Mobile navigation

ensures effortless exploration, while SEO optimization boosts visibility. The

developer-friendly coding extends an invitation to unravel the craft beneath the

surface. 🕵️‍♂️ Additionally, dive into comprehensive documentation that beckons you

to explore the project's intricacies.



This isn't merely a project; it's a glimpse into the future of web development.

🚀 Take a virtual tour and witness the synergy of technology and creativity in

action! 👩‍💻🎉



## 🛠 Built With 



### Tech Stack 



  Frontend

  



  Tooling

  
    

        
  • ESLint
    • 

        
  • Prettier
    • 

        
  • lint-staged
    • 

        
  • husky
    • 

        
  • commitlint
    • 

        
  • commitizen
    • 

        
  • Git
    • 

        
  • Github
    • 

      



### Key Features 



Embark on a journey through the essence of dedication and expertise, where every

keystroke and pixel becomes a testament to my commitment to excellence. 📢

Explore the main features that make this portfolio unique:



- 🎨 Dynamic Design: A captivating canvas where code and creativity converge,

  offering a visually stunning representation of my skills and contributions.



- 📱 Fully Responsive: Seamlessly adapts to various devices, ensuring an optimal

  viewing experience whether you're on a desktop, tablet, or smartphone.



- 🌗 Day & Night Mode: Customize your experience with the ability to toggle

  between light and dark settings, making it easy on the eyes and tailored to

  your preference.



- 🔍 SEO Optimized: Boosting visibility and discoverability to ensure that my

  portfolio stands out in the vast landscape of the web.



- 🚀 Next.js & React Power: Leveraging the capabilities of Next.js and React to

  create a fast, efficient, and interactive user experience.



🧑‍💻 Developer-Friendly Coding: Dive into the source code effortlessly, with clean

and well-documented code that invites exploration and collaboration.



📍 Sticky Navigation: Enhancing user experience by ensuring easy navigation,

keeping essential information accessible as you explore.



📄 Comprehensive Documentation: An in-depth guide that invites you to understand

the project's intricacies, fostering transparency and ease of use.



(back to top)



## 🚀 Live Demo 



- coming soon.



(back to top)



## 💻 Getting Started 



To get a local copy up and running follow these simple example steps.



### Setup 



First clone the project repository:



```bash

  git clone [email protected]:shahadat3669/portfolio.git

```



Then go to the project directory.



```bash

  cd portfolio

```



### Prerequisites 



you have to those tools in your local machine.



- [ ] NPM

- [ ] GIT & GITHUB

- [ ] Any Code Editor (VS Code, Brackets, etc)



### Install 



Install all the necessary packages:



```bash

  npm install

```



### Development Workflow 



The project is set up with development tools such as ESLint and Prettier to

ensure code quality and consistency. Lint-staged and commitlint are configured

to enhance the development workflow, providing a standardized and efficient

approach to committing code.



In the project directory, run the project in the development server:



```bash

  npm run dev

```



Open [http://localhost:3000](http://localhost:3000) with your browser to see the

result.



_The page will reload when you make changes.You may also see any lint errors in

the console._



### Build 



Builds the app for production to the `build` folder.



```bash

  npm run build

```



Your app is ready to be deployed!



### Deployment 



Deploying the Threads Clone project can be done using various platforms and

hosting services. Choose the one that best suits your requirements and follow

their deployment guidelines to make your clone accessible to others.



```bash

  npm start

```



(back to top)



## 👥 Authors 



**Shahadat Hossain**



[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://github.com/shahadat3669)

[![linkedin](https://img.shields.io/badge/shahadat_cseng-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/in/shahadat-cseng)

[![twitter](https://img.shields.io/badge/@shahadat3669-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/shahadat3669)



(back to top)



## 🔭 Future Features 



Exciting enhancements are on the horizon to elevate this portfolio even further.

Stay tuned for upcoming features that will enrich your experience:



- 🌐 Multi-language Support: Breaking language barriers with support for

  multiple languages, ensuring a more inclusive and accessible portfolio.



- 🚧 Interactive Project Showcase: Immerse yourself in an interactive display of

  projects, providing a hands-on exploration of my work.



- 📊 Advanced Analytics: Gain insights into visitor interactions and engagement

  with the integration of advanced analytics tools.



- 🎯 Enhanced Contact Form: Elevate communication with a feature-rich contact

  form, making it even easier for you to connect with me.



These future features are a glimpse into the exciting roadmap ahead, promising a

continually evolving and enriched portfolio experience. Stay excited for what's

coming next! 🌟



(back to top)



## 🤝 Contributing 



Contributions to the Threads Clone Project are encouraged! Whether you're fixing

bugs, adding new features, or improving documentation, your input is valuable.



Feel free to check the [issues page](../issues/).



(back to top)



## 👋 Show your support 



Give a ⭐️ if you like this project!



(back to top)



## 🔭Acknowledgments 



- My Family.



(back to top)



## ❓ FAQ 



### Q: Is your portfolio open source?



**A:** Absolutely! This portfolio is open source, and you can find the code on

[GitHub]([email protected]:shahadat3669/portfolio.git). Feel free to explore,

contribute, or use it as inspiration for your projects.



### Q: Can I use your projects as inspiration for my own work?



**A:** Of course! Feel free to explore my projects for inspiration. While some

may have specific licenses, many are open for learning and inspiration. Remember

to check the project's license for any usage restrictions.



### Q: Are you available for collaboration or freelance work?



**A:** Absolutely! I'm open to collaboration and freelance opportunities. Please

reach out through the [Contact](#authors) section, and let's discuss how we can

work together.



### Q: What technologies did you use to build your portfolio?



**A:** My portfolio is powered by React, Next.js, and a variety of cutting-edge

technologies. You can find a detailed list in the [Built With](#built-with)

section for more information.



### Q: How often do you update your portfolio?



**A:** I strive to keep my portfolio up to date with the latest projects and

information. However, for real-time updates on my work, it's best to follow me

on [GitHub](https://github.com/shahadat3669) and other social media platforms.



### Q: Can I share your projects on social media?



**A:** Absolutely! I'd be delighted if you share and showcase my projects. Don't

forget to tag me @shahadat3669 so I can appreciate and share your posts.



If you have any more questions or need further clarification, feel free to reach

out or email me at [email protected]. I'm here to help! 🌐✉️



(back to top)



## 📝 License 



This project is licensed under the [MIT](./LICENSE) License, allowing you to

use, modify, and distribute the code for personal and commercial purposes.



(back to top)