https://github.com/ehsan-ashik/portfolio-ehsan
My personal portfolio, developed with Next.js
https://github.com/ehsan-ashik/portfolio-ehsan
nextjs14 portfolio-website
Last synced: 9 months ago
JSON representation
My personal portfolio, developed with Next.js
- Host: GitHub
- URL: https://github.com/ehsan-ashik/portfolio-ehsan
- Owner: ehsan-ashik
- Created: 2024-09-16T05:39:00.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-01T01:32:21.000Z (over 1 year ago)
- Last Synced: 2025-02-01T02:27:55.643Z (over 1 year ago)
- Topics: nextjs14, portfolio-website
- Language: TypeScript
- Homepage: https://ehsanulhaque.com
- Size: 7.13 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Portfolio | Ehsan Ul Haque - Built with Next.js
This repository hosts the code for my personal portfolio, a responsive and dynamic web application built using Next.js. Check out the live version of the portfolio: https://ehsanulhaque.com/.
### Overview
The primary goal of developing this portfolio was to create a dynamic UI that decouples user data from the design. This approach transforms the portfolio into a versatile template: by simply updating the data within the data folder, anyone can generate their personalized portfolio while maintaining the original UI design.
### Features and Design Considerations
1. **Separation of Concerns**: The dynamic data is isolated from the UI logic, enabling the application to function as a customizable template.
2. **Mobile-First Approach**: The design is optimized to ensure seamless functionality and aesthetics across various device types.
3. **Reusable Components**: Common UI components are designed for reuse, promoting consistency and reducing code duplication.
### Tech Stack and Dependencies
* Node.js: v22.8
* Next.js: v14.2.11
* React.js: v18.0
* Shadcn/ui: v2.1.5
* Framer Motion: v11.5.4
### Usage
Follow these steps to run the project locally:
1. Clone the repository:
`git clone https://github.com/ehsan-ashik/portfolio-ehsan.git`
2. Navigate to the project directory and install the dependencies:
`npm install`
3. Run the development server:
`npm run dev`
Your portfolio should now be running on http://localhost:3000.