Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pooriadaloochi/pooria-portfolio
My personal portfolio showcasing projects, skills, and achievements in full-stack development using React.js, Next.js, and Material UI. Demo: https://pooriadaloochi.com
https://github.com/pooriadaloochi/pooria-portfolio
backend developer development frontend full-stack mui nextjs personal-website portfolio react reactjs showcase
Last synced: 16 days ago
JSON representation
My personal portfolio showcasing projects, skills, and achievements in full-stack development using React.js, Next.js, and Material UI. Demo: https://pooriadaloochi.com
- Host: GitHub
- URL: https://github.com/pooriadaloochi/pooria-portfolio
- Owner: pooriadaloochi
- Created: 2024-09-28T19:13:43.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-11-24T13:43:06.000Z (about 2 months ago)
- Last Synced: 2024-11-24T14:27:02.157Z (about 2 months ago)
- Topics: backend, developer, development, frontend, full-stack, mui, nextjs, personal-website, portfolio, react, reactjs, showcase
- Language: TypeScript
- Homepage: https://pooriadaloochi.com
- Size: 1.34 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pooria Daloochi - Portfolio Website
Welcome to the GitHub repository for my personal portfolio website. This portfolio showcases my skills, experience, and projects as a Full Stack Developer specializing in React.js, Next.js, and other modern web technologies. Visit the live version at [pooriadaloochi.com](http://pooriadaloochi.com).
## Overview
This website is designed to give an overview of my professional background, including:
- **About Me**: A brief introduction about my background, skills, and interests.
- **Projects**: Detailed information on various projects I have worked on, including descriptions, key technologies, and links to live demos and GitHub repositories.
- **Skills**: A comprehensive list of technologies and tools I am proficient in.
- **Contact**: Ways to get in touch with me.
## Features
- **Responsive Design**: The website is fully responsive, ensuring an optimal experience on all devices, from desktop to mobile.
- **Interactive Elements**: Includes interactive features like animations and hover effects to improve user engagement.
- **Modern UI**: Uses clean, visually appealing design principles to ensure a professional presentation.
## Technologies Used
- **Frontend**:
- [React.js](https://reactjs.org/): JavaScript library for building user interfaces.
- [Next.js](https://nextjs.org/): React framework for server-side rendering and static site generation.
- **Material UI (MUI)**: To create a modern and responsive UI, including icons and date pickers.
- **Emotion**: Styling with `@emotion/react` and `@emotion/styled` for custom, CSS-in-JS styling.
- **Backend**:
- [Node.js](https://nodejs.org/): Server-side JavaScript runtime.
- [Express.js](https://expressjs.com/): Backend framework used for creating APIs (if applicable).
- **Internationalization**:
- [i18next](https://www.i18next.com/): For adding multilingual support to the website.
- **React-i18next**: Integration of i18next with React for efficient internationalization.
- **Hosting**:
- [Vercel](https://vercel.com/): Deployment of the portfolio for fast, reliable hosting.
## Getting Started
If you want to run the project locally, follow these steps:
### Prerequisites
- **Node.js** (v14 or above) and **npm** or **yarn** should be installed.
### Installation
1. Clone the repository:
```bash
git clone https://github.com/pooriadaloochi/portfolio.git
```
2. Navigate to the project folder:
```bash
cd portfolio
```
3. Install the dependencies:
```bash
npm install
# or
yarn install
```
### Running the Project
To run the development server:
```bash
npm run dev
# or
yarn dev
```
The website should be available at `http://localhost:3000`.
### Building for Production
To create an optimized production build:
```bash
npm run build
# or
yarn build
```
To start the production server:
```bash
npm start
# or
yarn start
```
## Folder Structure
- **/components**: Reusable UI components used throughout the website.
- **/pages**: Next.js pages that define the routes of the portfolio.
- **/public**: Static assets like images and icons.
- **/styles**: CSS files and styled components for custom styling.
## Contributing
Contributions are welcome! If you have any suggestions for improvements or new features, feel free to open an issue or submit a pull request.
## Contact
Feel free to reach out if you have any questions or want to connect:
- **Website**: [pooriadaloochi.com](http://pooriadaloochi.com)
- **LinkedIn**: [linkedin.com/in/pooriadaloochi](https://linkedin.com/in/pooriadaloochi)
- **Email**: [email protected]
## License
This project is open source and available under the [MIT License](./LICENSE).
---
Thank you for checking out my portfolio! I hope you enjoy exploring it as much as I enjoyed creating it.