Amir Hossein Ahmadi's Portfolio

Welcome to the GitHub repository for my personal portfolio website, accessible at amir-ahmadi.vercel.app. This repository contains the source code and resources for my professional portfolio, showcasing my skills, projects, and services as a Front-End Developer based in Iran.

Table of Contents

• Overview
• Features
• Technologies Used
• Getting Started
• Project Structure
• Available Scripts
• Deployment
• Contributing
• License
• Contact

Overview

This portfolio is designed to present my professional experience and projects in a modern and responsive manner. It includes sections such as:

• About Me: An introduction to my background and skills.
• My Work: A showcase of selected projects I've worked on.
• Blog: Articles and insights related to web development and technology.
• Services: The services I offer as a developer.
• Contact: Ways to get in touch with me.

Features

• Responsive Design: Optimized for various devices and screen sizes.
• Fast Performance: Leveraging Next.js for server-side rendering and optimized builds.
• Modern UI/UX: Clean and intuitive interface with smooth navigation.
• SEO Optimized: Enhanced for better search engine visibility.

Technologies Used

• Next.js: React framework for server-side rendering and static site generation.
• React: JavaScript library for building user interfaces.
• Redux: State management library for React applications.
• Tailwind CSS: Utility-first CSS framework for rapid UI development.
• TypeScript: Typed superset of JavaScript for better code quality and maintainability.

Getting Started

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/amir4976/grid-x.git

2. Navigate to the project directory:

   cd grid-x

3. Install dependencies:

   npm install

4. Run the development server:

   npm run dev

   The application will be running at http://localhost:3000.

Project Structure

├── components
│   ├── Layout.tsx
│   ├── Navbar.tsx
│   └── ...
├── pages
│   ├── index.tsx
│   ├── about.tsx
│   └── ...
├── public
│   ├── images
│   └── ...
├── styles
│   ├── globals.css
│   └── ...
├── utils
│   └── ...
├── .eslintrc.js
├── next.config.js
├── package.json
└── tsconfig.json

Available Scripts

• npm run dev: Starts the development server.
• npm run build: Builds the application for production.
• npm run start: Runs the built application in production mode.
• npm run lint: Runs ESLint to analyze code for potential errors.

Deployment

This project is deployed using Vercel. To deploy your own version:

1. Push your code to a GitHub repository.
2. Import the repository into Vercel.
3. Configure your project settings.
4. Deploy and enjoy your live site.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.

License

This project is licensed under the MIT License.

Contact

For inquiries or collaborations, feel free to reach out:

• Website: amir-ahmadi.vercel.app
• Email: [email protected]
• LinkedIn: linkedin.com/in/yourprofile
• GitHub: github.com/yourusername

---

Thank you for visiting my portfolio repository. I hope you find the information helpful and the codebase insightful.