https://github.com/taqui-786/Portfolio
A Simple Portfolio made with Nextjs and Shadcn UI
https://github.com/taqui-786/Portfolio
nextjs13 reactjs shadcn-ui typescript
Last synced: about 1 year ago
JSON representation
A Simple Portfolio made with Nextjs and Shadcn UI
- Host: GitHub
- URL: https://github.com/taqui-786/Portfolio
- Owner: taqui-786
- Created: 2023-11-18T19:19:09.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-07T07:24:22.000Z (over 1 year ago)
- Last Synced: 2024-07-31T19:48:55.069Z (over 1 year ago)
- Topics: nextjs13, reactjs, shadcn-ui, typescript
- Language: TypeScript
- Homepage: https://mdtaquiimam.vercel.app/
- Size: 727 KB
- Stars: 242
- Watchers: 1
- Forks: 51
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-shadcnui - Github
README
# Project Portfolio
A simple and Beautiful Porfolio made with Nextjs and Shadcn Ui.
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
## Configuration
This project uses a centralized configuration approach for all personal information. The main configuration file is located at:
```
src/config/portfolio.config.ts
```
### Configuration Structure
The configuration file contains the following sections:
- **Basic Information**: Name, title, description, location
- **Contact Information**: Email and other contact details
- **Social Media Links**: Links to various social media profiles
- **SEO Information**: Keywords, metadata, and SEO-related settings
- **About Information**: Bio, hobbies, and personal details
- **Skills**: Programming languages, frameworks, tools, and professional roles
- **Education**: Academic background and qualifications
- **Projects**: Portfolio of projects with descriptions and links
- **More Links**: Additional external links and resources
### Customizing Your Portfolio
To personalize the portfolio, simply edit the values in the `portfolio.config.ts` file. All changes will be reflected throughout the site automatically without having to modify multiple files.
Example usage in a component:
```typescript
import { portfolioConfig } from "@/config/portfolio.config";
// Access configuration values
const { name, title } = portfolioConfig;
```