A personal portfolio website showcasing my work as a software engineer, along with a collection of my skills and personal writings.
- Responsive Design: A clean and modern design that looks great on any device.
- Project Showcase: A dedicated section to display my projects with a brief description and a link to live demos.
- Skills Showcase: An elegant, scrolling marquee that highlights the tech stacks, languages, and frameworks I am proficient in.
- Blog Integration: A section for my personal writings on tech, book reviews, and other topics.
- Contact Form: A direct way for visitors to get in touch with me.
- Framework: Next.js
- Styling: Tailwind CSS
- Language: TypeScript
- Animation: Framer Motion (as seen in
motion-div.tsx)
The project is organized into a logical folder structure to ensure maintainability and scalability.
app: Contains the main pages and their respective layouts (about,blog,contact,projects).components: A collection of reusable React components that make up the user interface (tech-showcase.tsx,project-landing.tsx,section-heading.tsx).constants: Stores data that is constant across the application, such as project details (projects.ts).public: Houses static assets like images and icons.
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/abhaydesu/portfolio
-
Navigate to the project directory:
cd portfolio -
Install dependencies:
npm install # or yarn install -
Run the development server:
npm run dev # or yarn dev
The application will be accessible at http://localhost:3000.
This project is open-source and available under the MIT License.