{"id":26301992,"url":"https://github.com/seraprogrammer/portfolio","last_synced_at":"2025-04-08T03:08:53.450Z","repository":{"id":270668965,"uuid":"911087124","full_name":"seraprogrammer/portfolio","owner":"seraprogrammer","description":"A sleek portfolio built with React and Tailwind CSS to showcase your skills, projects, and experience in a modern design.","archived":false,"fork":false,"pushed_at":"2025-04-01T14:59:00.000Z","size":1252,"stargazers_count":87,"open_issues_count":0,"forks_count":49,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T16:30:50.913Z","etag":null,"topics":["developer-portfolio","modern-portfolio","personal-portfolio","personal-website","portfolio","portfolio-site","portfolio-template","portfolio-website","react-portfolio","react-resume","software-developer-portfolio"],"latest_commit_sha":null,"homepage":"https://codervai.vercel.app/","language":"JavaScript","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/seraprogrammer.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}},"created_at":"2025-01-02T08:04:05.000Z","updated_at":"2025-04-01T14:59:04.000Z","dependencies_parsed_at":"2025-01-02T09:38:09.231Z","dependency_job_id":"f261963f-e301-4f1c-8deb-7068cf7abca4","html_url":"https://github.com/seraprogrammer/portfolio","commit_stats":null,"previous_names":["seraprogrammer/portfolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seraprogrammer%2Fportfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seraprogrammer%2Fportfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seraprogrammer%2Fportfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seraprogrammer%2Fportfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/seraprogrammer","download_url":"https://codeload.github.com/seraprogrammer/portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247767234,"owners_count":20992547,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["developer-portfolio","modern-portfolio","personal-portfolio","personal-website","portfolio","portfolio-site","portfolio-template","portfolio-website","react-portfolio","react-resume","software-developer-portfolio"],"created_at":"2025-03-15T07:17:50.167Z","updated_at":"2025-04-08T03:08:53.442Z","avatar_url":"https://github.com/seraprogrammer.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n## Version 2  \n\n\u003e ![image](https://github.com/user-attachments/assets/ce36e52b-96c2-4b72-a1e8-1e68b9767f6c)  \n\u003e  \n\u003e 🔗 [View on GitHub](https://github.com/seraprogrammer/portfolio-v2)\n\u003e 🔗 [v2 Portfolio](https://codervai2.vercel.app)\n\n\n\n# Portfolio Website\n\u003cdiv align=\"center\"\u003e\n  \u003cpre\u003e\n    _____           _    __      _ _       \n   |  __ \\         | |  / _|    | (_)      \n   | |__) |__  _ __| |_| |_ ___ | |_  ___  \n   |  ___/ _ \\| '__| __|  _/ _ \\| | |/ _ \\ \n   | |  | (_) | |  | |_| || (_) | | | (_) |\n   |_|   \\___/|_|   \\__|_| \\___/|_|_|\\___/ \n  \u003c/pre\u003e\n\u003c/div\u003e\n\n \nWelcome to my **portfolio website**! This site showcases my skills, experience, education, projects, and how to get in touch with me. It's built with **React** and **Vite** for a fast, modern web experience. You can explore my work, learn about my journey, and contact me directly.\n\n---\n\n## Demo\n\n![Portfolio Demo](https://i.postimg.cc/Dfr5jCQp/Screenshot-2025-01-02-120901.png)\n\n---\n\n## Live Preview\n\nCheck out the live preview of the portfolio website here:  \n[**Live Demo**](https://codervai.vercel.app/)\n---\n### 🎯 Project Structure\n```bash\nportfolio/\n├── node_modules/\n├── public/\n├── src/\n│   ├── assets/\n│   │   ├── css/\n│   │   │   ├── index.css\n│   │   │   └── tomorrow.css\n│   │   └── images/\n│   ├── components/\n│   │   ├── ui/\n│   │   │   ├── Reusable Components/\n│   │   │   │   ├── badge.jsx\n│   │   │   │   ├── button.jsx\n│   │   │   │   ├── card.jsx\n│   │   │   │   ├── EducationLoader.jsx\n│   │   │   │   ├── evervault-card.jsx\n│   │   │   │   ├── flip-words.jsx\n│   │   │   │   ├── icon-cloud.jsx\n│   │   │   │   ├── meteors.jsx\n│   │   │   │   ├── sparkles-text.jsx\n│   │   │   │   └── tooltip.jsx\n│   │   │   │\n│   │   │   ├── Main Components/\n│   │   │   │   ├── AnimatedGrid.jsx\n│   │   │   │   ├── Contact.jsx\n│   │   │   │   ├── Education.jsx\n│   │   │   │   ├── enhanced-portfolio-card.jsx\n│   │   │   │   ├── Experience.jsx\n│   │   │   │   ├── global.jsx\n│   │   │   │   ├── Header.jsx\n│   │   │   │   ├── Hero.jsx\n│   │   │   │   ├── Home.jsx\n│   │   │   │   ├── PortfolioPage.jsx\n│   │   │   │   ├── Projects.jsx\n│   │   │   │   └── Skills.jsx\n│   │   └── lib/\n│   │       └── utils.js\n│   ├── pages/\n│   │   ├── About/\n│   │   │   └── About.jsx\n│   │   ├── Contact/\n│   │   │   └── Contact.jsx\n│   │   ├── Experience/\n│   │   │   └── Experience.jsx\n│   │   ├── Header/\n│   │   │   └── Header.jsx\n│   │   ├── Hero/\n│   │   │   └── Hero.jsx\n│   │   ├── Projects/\n│   │   │   ├── Projects.jsx\n│   │   │   └── testProjects.jsx\n│   │   └── Skills/\n│   │       └── Skills.jsx\n│   ├── App.jsx\n│   └── main.jsx\n├── Configuration Files/\n│   ├── .eslintrc.js\n│   ├── .gitignore\n│   ├── components.json\n│   ├── index.html\n│   ├── jsconfig.json\n│   ├── package-lock.json\n│   ├── package.json\n│   ├── postcss.config.js\n│   ├── README.md\n│   ├── tailwind.config.js\n│   ├── vercel.json\n│   └── vite.config.js\n\n```\n---\n\n## Sections of the Portfolio\n\nThe portfolio website consists of the following sections:\n\n- **Home**: Introduction and a brief overview.\n- **Skills**: A detailed list of my technical skills.\n- **Experience**: My professional journey and work experience.\n- **Education**: Academic background and certifications.\n- **Projects**: A showcase of the projects I've worked on.\n- **Contact**: Information on how to reach out to me.\n\n---\n\n## 💻 Technologies Used\n- **Frontend:** React.js with Vite\n- **Styling:** Tailwind CSS\n- **Animations:** Framer Motion\n- **Icons:** React Icons\n- **Deployment:** Vercel\n\n---\n\n## Installation ⬇️\n\nYou will need to download **Git** and **Node** to run this project.\n\n### Git\n\n- Download and install Git from the official website: [Git Downloads](https://git-scm.com/)\n- Verify the installation:\n  ```bash\n  git --version\n  ```\n\n### Node\n\n- Download and install Node.js from the official website: [Node.js Downloads](https://nodejs.org/)\n- Make sure you have the latest version of both Git and Node on your computer.\n- Verify the installation:\n  ```bash\n  node --version\n  ```\n\n# Getting Started 🎯\n\n### Fork and Clone the Repository 🚀\n1. Click the **Fork** button at the top-right corner of the page to create your own copy of the repository.\n2. After forking, open your terminal and run the following commands to clone the repo:\n\n  ```bash\n  git clone https://github.com/seraprogrammer/portfolio.git\n  ```\nNavigate to the Project Directory 📂\nOnce the repository is cloned, change your directory to the project folder:\n```bash\ncd portfolio\n```\n\nInstall Dependencies ⚙️\nFrom the root directory of your project, install the necessary packages:\n```bash\nnpm install\n```\n\nRun the Development Server 🚀\nStart the development server to see your project live:\n```bash\nnpm run dev\n```\n\nView the Project 🌐\nOpen your browser and visit http://localhost:5173/ to see the result! 🎉\n\n## 📝 License\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n---\n\n### 🤝 Contributing\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n---\n\n\u003cdiv align=\"center\"\u003e Made with ❤️ by Nazmul Hossain \u003c/div\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseraprogrammer%2Fportfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fseraprogrammer%2Fportfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseraprogrammer%2Fportfolio/lists"}