{"id":25860626,"url":"https://github.com/shakilofficial/portfolio-client","last_synced_at":"2026-04-20T10:33:23.849Z","repository":{"id":276576849,"uuid":"929680327","full_name":"Shakilofficial/portfolio-client","owner":"Shakilofficial","description":"🚀 This is the frontend of my personal portfolio website, built with Next.js (TypeScript), Tailwind CSS, Redux, Framer Motion, and Shadcn UI. It features dynamic animations, a blog section, a projects showcase, and an admin dashboard for content management.","archived":false,"fork":false,"pushed_at":"2026-04-20T00:49:54.000Z","size":11622,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-04-20T02:42:33.105Z","etag":null,"topics":["app","app-router-nextjs","framework","jwt-authentication","nextjs15","react","react-hook-form","redux-toolkit","shadcn-ui","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://shakil-tawny.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Shakilofficial.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-02-09T05:43:17.000Z","updated_at":"2026-04-20T00:49:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"2cd26005-03a9-4197-aa3e-33323aeb107d","html_url":"https://github.com/Shakilofficial/portfolio-client","commit_stats":null,"previous_names":["shakilofficial/portfolio-client"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Shakilofficial/portfolio-client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shakilofficial%2Fportfolio-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shakilofficial%2Fportfolio-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shakilofficial%2Fportfolio-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shakilofficial%2Fportfolio-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Shakilofficial","download_url":"https://codeload.github.com/Shakilofficial/portfolio-client/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shakilofficial%2Fportfolio-client/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32043078,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T00:18:06.643Z","status":"online","status_checked_at":"2026-04-20T02:00:06.527Z","response_time":94,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["app","app-router-nextjs","framework","jwt-authentication","nextjs15","react","react-hook-form","redux-toolkit","shadcn-ui","tailwindcss","typescript"],"created_at":"2025-03-01T22:36:01.724Z","updated_at":"2026-04-20T10:33:23.842Z","avatar_url":"https://github.com/Shakilofficial.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Shakil's Portfolio](https://res.cloudinary.com/dcyupktj6/image/upload/v1739343962/od9vjer681tdhodytfde.png)\r\n\r\n# 🚀 Portfolio Frontend (Next.js)\r\n\r\n## 🌟 **Overview**\r\n\r\nThis is the **frontend** of my **portfolio website**, built using **Next.js (TypeScript)** with a sleek and responsive UI. The project utilizes **Tailwind CSS, Framer Motion, ShadcnUI, Redux, JWT, and NextAuth** for an optimized and interactive experience. The dashboard offers complete **CRUD** functionality and other powerful features.\r\n\r\n---\r\n\r\n## 🛠 **Tech Stack**\r\n\r\n### **Frontend**\r\n\r\n- **⚡ Next.js (TypeScript)** – SSR \u0026 SSG for better performance \u0026 SEO\r\n- **🎨 Tailwind CSS** – Utility-first CSS framework for fast styling\r\n- **🎭 Framer Motion** – Smooth animations \u0026 interactions\r\n- **🛠 ShadcnUI** – Beautiful, accessible UI components\r\n- **🗄 Redux** – State management for scalable applications\r\n- **🔐 JWT \u0026 NextAuth** – Secure authentication \u0026 authorization\r\n\r\n---\r\n\r\n## 📌 **Features**\r\n\r\n### 🔹 **Home Page** 🏠\r\n\r\n- Showcases an interactive introduction \u0026 featured projects\r\n- Uses **Framer Motion** for smooth animations\r\n- **Responsive** layout for all screen sizes\r\n\r\n### 🔹 **Projects Section** 📂\r\n\r\n- Displays portfolio projects dynamically\r\n- Filters projects by category \u0026 tech stack\r\n- Integrated **dynamic routing** for individual project pages\r\n\r\n### 🔹 **Blog Section** ✍️\r\n\r\n- Fetches blog posts dynamically\r\n\r\n### 🔹 **Contact Form** 📬\r\n\r\n- Users can send messages directly via a contact form\r\n- Integrated with **email services** for instant communication\r\n\r\n### 🔹 **Dashboard** 🎛\r\n\r\n- Secure **authentication (NextAuth, JWT)** 🔐\r\n- **CRUD operations** for managing blog posts, projects \u0026 users 📝\r\n- **Dark Mode** \u0026 customizable UI 🎨\r\n- **Role-based access control (Admin/User)** 🔑\r\n- Real-time updates with **Optimistic UI updates** 🚀\r\n\r\n---\r\n\r\n## 🏗 **Installation \u0026 Setup**\r\n\r\n1️⃣ **Clone the Repository**\r\n\r\n```bash\r\n  git clone https://github.com/Shakilofficial/portfolio-client.git\r\n  cd frontend\r\n```\r\n\r\n2️⃣ **Install Dependencies** 📦\r\n\r\n```bash\r\n  npm install\r\n  # or\r\n  yarn install\r\n```\r\n\r\n3️⃣ **Set Up Environment Variables**\r\nCreate a `.env.local` file and add the following:\r\n\r\n```env\r\nNEXT_PUBLIC_API_URL=your_backend_api_url\r\nNEXTAUTH_SECRET=your_secret_key\r\nNEXTAUTH_URL=http://localhost:3000\r\n```\r\n\r\n4️⃣ **Run the Development Server** 🚀\r\n\r\n```bash\r\n  npm run dev\r\n  # or\r\n  yarn dev\r\n```\r\n\r\n5️⃣ **Open in Browser** 🌍\r\nVisit: [http://localhost:3000](http://localhost:3000)\r\n\r\n---\r\n\r\n## 📜 **Project Structure**\r\n\r\n```\r\n/frontend-portfolio\r\n│── public/         # Static assets\r\n│── src/\r\n│   ├── components/ # Reusable UI components\r\n│   ├── pages/      # Next.js pages (home, blog, projects, dashboard)\r\n│   ├── styles/     # Global styles\r\n│   ├── store/      # Redux store \u0026 slices\r\n│   ├── utils/      # Helper functions\r\n│   └── hooks/      # Custom hooks\r\n│── .env.local      # Environment variables\r\n│── next.config.js  # Next.js configuration\r\n│── tailwind.config.js # Tailwind configuration\r\n│── package.json    # Dependencies \u0026 scripts\r\n```\r\n\r\n---\r\n\r\n## 🚀 **Future Enhancements**\r\n\r\n- **📊 Analytics Integration** (Google Analytics)\r\n- **🛒 E-commerce Features** (for product showcase)\r\n- **📡 API Caching \u0026 Performance Optimization**\r\n\r\n---\r\n\r\n## 👥 Contributing\r\n\r\n🔹 Fork the repository.\r\n\r\n🔹 Create a new branch (`git checkout -b feature-branch`).\r\n\r\n🔹 Commit your changes (`git commit -m 'Add new feature'`).\r\n\r\n🔹 Push to the branch (`git push origin feature-branch`).\r\n\r\n🔹 Create a **Pull Request**.\r\n\r\n---\r\n\r\n## 📞 Contact\r\n\r\n📧 **Email**: [mrshakilhossain@outlook.com](mailto:mrshakilhossain@outlook.com)\r\n\r\n🔗 **LinkedIn**: [LinkedIn Profile](https://www.linkedin.com/in/your-profile)\r\n\r\n🌐 **Portfolio**: [Visit My Portfolio](https://shakilhossain-sigma.vercel.app)\r\n\r\n📘 **Facebook**: [Facebook Profile](https://www.facebook.com/iamshakilhossain)\r\n\r\n---\r\n\r\n💖 _Don't forget to ⭐ this repo if you found it helpful!_\r\n\r\n### 🚀 Made with ❤️ by [Md Shakil Hossain](https://github.com/Shakilofficial)\r\n\r\n![Full View](https://res.cloudinary.com/dcyupktj6/image/upload/v1739344168/dflgraomfbmiofvbbwwd.png)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshakilofficial%2Fportfolio-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshakilofficial%2Fportfolio-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshakilofficial%2Fportfolio-client/lists"}