{"id":17573647,"url":"https://github.com/danielkhakbaz/danielo-portfolio","last_synced_at":"2026-04-08T16:31:08.877Z","repository":{"id":258968404,"uuid":"853000935","full_name":"Danielkhakbaz/Danielo-Portfolio","owner":"Danielkhakbaz","description":"Danial Khakbaz's Portfolio.","archived":false,"fork":false,"pushed_at":"2025-02-01T08:38:21.000Z","size":14060,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"new-version","last_synced_at":"2025-02-01T09:27:06.834Z","etag":null,"topics":["chakra-ui","eslint","framer-motion","git","husky","nextjs","prettier","typescript"],"latest_commit_sha":null,"homepage":"https://danieloo.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/Danielkhakbaz.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":"2024-09-05T19:56:50.000Z","updated_at":"2025-02-01T08:38:25.000Z","dependencies_parsed_at":"2025-02-01T09:24:21.852Z","dependency_job_id":"adc847bd-d775-45e4-80f1-2b38d4200c9e","html_url":"https://github.com/Danielkhakbaz/Danielo-Portfolio","commit_stats":null,"previous_names":["danielkhakbaz/danielo-portfolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Danielkhakbaz%2FDanielo-Portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Danielkhakbaz%2FDanielo-Portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Danielkhakbaz%2FDanielo-Portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Danielkhakbaz%2FDanielo-Portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Danielkhakbaz","download_url":"https://codeload.github.com/Danielkhakbaz/Danielo-Portfolio/tar.gz/refs/heads/new-version","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237148501,"owners_count":19262991,"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":["chakra-ui","eslint","framer-motion","git","husky","nextjs","prettier","typescript"],"created_at":"2024-10-21T21:04:06.895Z","updated_at":"2025-02-04T16:19:01.715Z","avatar_url":"https://github.com/Danielkhakbaz.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Danial Khakbaz's Portfolio\n\n\u003ca href=\"https://danieloo.vercel.app/\" target=\"_blank\"\u003e\u003cimg src=\"public/images/projects/portfolio/screen-shot.png\" alt=\"The screen-shot of the daniel's portfolio\" /\u003e\u003c/a\u003e\n\nDanial Khakbaz's portfolio built with [Next.js](https://nextjs.org/), showcasing his skills as a Front-end developer with a journey toward becoming a Full-stack developer. This project highlights his ambition for continuous learning and crafting seamless web applications using modern technologies.\n\n## Project Overview\n\nThis portfolio website serves as a professional platform to showcase Danial’s work, skills, and personal philosophy on balanced living. It is optimized for performance and utilizes several popular tools and libraries for a smooth, interactive user experience.\n\n## Table of Contents\n\n- [Features](#features)\n- [Technologies Used](#technologies-used)\n- [Installation](#installation)\n- [Development Scripts](#development-scripts)\n- [Folder Structure](#folder-structure)\n\n## Features\n\n- **Responsive Design**: Fully responsive layout with smooth animations.\n- **Interactive Animations**: Powered by Framer Motion.\n- **MDX Support**: Easily integrates Markdown with React components.\n- **Theme Customization**: Leveraging Chakra UI for theme flexibility.\n- **View Transitions**: Provides smooth transitions between pages.\n- **Form Integration**: Contact form connected to EmailJS for direct communication.\n\n## Technologies Used\n\n- **[Next.js](https://nextjs.org/)** - React framework for server-side rendering and static website generation.\n- **[React](https://reactjs.org/)** - JavaScript library for building user interfaces.\n- **[Chakra UI](https://chakra-ui.com/)** - Component library for building accessible React applications.\n- **[Framer Motion](https://www.framer.com/motion/)** - Animation library for React.\n- **[EmailJS](https://www.emailjs.com/)** - Service to send emails directly from the client-side.\n- **[TypeScript](https://www.typescriptlang.org/)** - JavaScript with static typing.\n\n## Folder Structure\n\n```plaintext\ndanielo-portfolio/\n├── app/                        # Source files for app pages(contains routing system)\n│   ├── blog/                   # Blog section (page for blog posts)\n│   ├── contact/                # Contact section (page for contact forms)\n│   ├── experiences/            # Experiences section (page for work experience)\n│   ├── projects/               # Projects section (page for showcasing projects)\n│   ├── error.tsx               # Custom error page\n│   ├── favicon.ico             # Favicon for the website\n│   ├── layout.tsx              # Root layout component for setting up global layouts\n│   ├── not-found.tsx           # Custom 404 page for handling not-found routes\n│   └── page.tsx                # Main landing page component\n│\n├── features/                   # Seperated pages with all their parts\n│   ├── home/                   # Home section (components for home posts)\n│   │   ├── components/         # Components related to home\n│   │   └── constants/          # Constants related to home\n│   │\n│   ├── blog/                   # Blog section (components for blog posts)\n│   │   ├── components/         # Components related to blog\n│   │   └── constants/          # Constants related to blog\n│   │\n│   ├── contact/                # Contact section (components for contact forms)\n│   │   ├── components/         # Components related to contact\n│   │   └── constants/          # Constants related to contact\n│   │\n│   ├── experiences/            # Experiences section (components for work experience)\n│   │   ├── components/         # Components related to experiences\n│   │   └── constants/          # Constants related to experiences\n│   │\n│   └── projects/               # Projects section (components for showcasing projects)\n│       ├── components/         # Components related to projects\n│       └── constants/          # Constants related to projects\n│\n├── shared/                     # All the pieces of codes that used throughout the app\n│   ├── components/             # Components used throughout the app\n│   ├── constants/              # Constants and configurations used throughout the app\n│   ├── providers/              # Context providers for managing global state and data\n│   ├── utils/                  # Utility function and components used throughout the app\n│   └── styles/                 # Global and theme-specific styling files\n│       ├── fonts/                   # Font files or font-related configurations\n│       ├── theme/                  # Theme settings for design consistency (colors, typography, etc.)\n│       └── globals.css             # Global CSS applied to the entire application\n│\n├── .eslintrc.json              # ESLint configuration for linting and code standards\n├── .prettierrc                 # Prettier configuration for consistent code formatting\n├── next.config.js              # Next.js configuration settings\n├── package.json                # Project metadata, scripts, and dependencies\n└── README.md                   # Documentation file explaining the project setup and usage\n```\n\n## Installation\n\nTo set up this project locally, follow these steps:\n\n1. **Clone the repository**:\n\n   ```bash\n   git clone https://github.com/Danielkhakbaz/Danielo-Portfolio\n   cd danielo-portfolio\n\n   ```\n\n2. **Install dependencies**:\n\n   ```tsx\n   yarn\n   ```\n\n3. **Run the development server**:\n\n   ```tsx\n   yarn dev\n\n   ```\n\n4. **Open http://localhost:3000 in your browser to see the project**.\n\n## Development Scripts\n\nHere are some helpful scripts to assist in the development and maintenance of this project:\n\n`dev`: Runs the app in development mode. \u003cbr/\u003e\u003cbr/\u003e\n`build`: Compiles the app for production. \u003cbr/\u003e\u003cbr/\u003e\n`start`: Starts the production server. \u003cbr/\u003e\u003cbr/\u003e\n`lint`: Lints and fixes files using ESLint. \u003cbr/\u003e\u003cbr/\u003e\n`fix`: Formats files using Prettier. \u003cbr/\u003e\u003cbr/\u003e\n`check-prettier`: Checks the code format without making changes. \u003cbr/\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanielkhakbaz%2Fdanielo-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdanielkhakbaz%2Fdanielo-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanielkhakbaz%2Fdanielo-portfolio/lists"}