Merge pull request #14 and resolve issue #8 #12 #13

Minimal blog v0.1.1

.gitignore

@@ -1,4 +1,5 @@
 node_modules/
 .cache/
 public
-src/gatsby-types.d.ts
+yarn.lock
+.yarn

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

README.md

@@ -4,15 +4,16 @@ I built this project to provide a starting point for GatsbyJS projects that use
 
 ## Screenshots of UI
 
-![image]()
+![image](./static/3-devices-black.png)
 
 ## Technology
 
 - **GatsbyJS:** a framework for building static websites with ReactJS
 - **ReactJS:** a JavaScript library for building user interfaces
 - **MDX:** a format that allows you to write JSX (a syntax extension for JavaScript that allows you to write HTML-like code in your JavaScript files) in Markdown documents
-- **Sass:** a CSS preprocessor that allows you to use variables, mixins, and other advanced features in your CSS
 - **TypeScript:** a superset of JavaScript that adds static typing to the language, making it easier to catch bugs before they happen
+- **GraphQL:** query data from API
+- **gatsby-theme-minimal-blog v6.0.5:** A minimal blog theme by [LekoArts Lennart](https://github.com/LekoArts/gatsby-starter-minimal-blog)
 
 To use this project, you'll need to have Node.js and npm (Node Package Manager) installed on your computer. Once you have those installed, you can run the following commands in your terminal:
 
@@ -22,48 +23,35 @@ npm run develop   // starts the development server and opens the site in your br
 npm run build   // builds the site for production
 npm run serve   // serves the production build of the site locally
 npm run clean   // cleans the cache and public directories
-npm run typecheck   // runs the TypeScript compiler to check for any type errors in your code
 ```
 That should get you up and running with this project!
 
 ## Project folder structured
 ```
-gatsby-markdown-boilerplate/
-  ├── node_modules/
-  ├── src/
-  │   ├── components/
-  │   │   ├── Layout.js
-  │   │   └── SEO.js
+portfolio-template/
+  ├── static/ *images, *icons
+  ├── content/
   │   ├── pages/
-  │   │   ├── index.js
-  │   │   └── 404.js
-  │   ├── styles/
-  │   │   ├── global.css
-  │   │   └── index.css
-  │   └── templates/
-  │       └── blog-post.js
+  │   │   ├── about/index.mdx
+  │   │   └── resume/index.mdx
+  │   └── posts/
+  │       └── [post name]/index.mdx
+  ├── src/
+  │   ├── @lekoarts/
+  │   │   └── gatsby-theme-minimal-blog/
+  │   │       ├── bottom.mdx 
+  │   │       └── hero.mdx
+  │   └── pages/
+  │       └── 404.js
   ├── .gitignore
-  ├── gatsby-config.js
+  ├── gatsby-config.ts
   ├── LICENSE
-  ├── package-lock.json
+  ├── tsconfig.json
+  ├── npmrc
   ├── package.json
   └── README.md
 ```
 
-Let me explain each of these folders and files:
-- `node_modules`: This folder contains all the dependencies that the project requires. You don't need to worry about this folder, as it is created automatically when you run the `npm install` command.
-- `src`: This folder contains all the source code for the project. It's where you'll make most of your changes.
-  - `components`: This folder contains the React components that make up the site. The `Layout` component provides the basic structure of the site, while the `SEO` component helps with search engine optimization.
-  - `pages`: This folder contains the pages of the site. In this project, there are two pages: `index.js`, which serves as the homepage, and `404.js`, which is displayed when a page is not found.
-  - `styles`: This folder contains the CSS files for the project. `global.css` contains styles that are applied to the entire site, while `index.css` contains styles that are specific to the homepage.
-  - `templates`: This folder contains the templates for the site. In this project, there is one template: `blog-post.js`. This template is used to display individual blog posts.
-- `gitignore`: This file tells Git which files and folders to ignore when committing changes. This can be helpful for excluding files that are generated automatically or contain sensitive information.
-- `gatsby-config.js`: This file contains configuration settings for the GatsbyJS site, such as the site title, description, and plugins.
-- `LICENSE`: This file contains the license under which the project is released. In this case, the project is released under the MIT license.
-- `package-lock.json`: This file contains information about the exact versions of dependencies that the project requires. You don't need to worry about this file, as it is created automatically when you run the `npm install` command.
-- `package.json`: This file contains metadata about the project, such as the name, version, and dependencies. It also contains scripts that can be run using the `npm run` command.
-- `README.md`: This file contains information about the project, including how to use it and how to contribute to it. It's the file you're currently reading!
-
 ## How to Use This Repo
 
 To use this repository, simply clone it to your local machine and start customizing it to meet your needs. Here's a basic set of steps to get started:
@@ -82,7 +70,6 @@ npm install
 ```
 
 3. **Customize the project:** Use your preferred code editor to make changes to the project's files. You can customize the look and feel of the site, add new pages, and more.
-4. **Configure VS Code settings:** If you want to use the same VS Code settings as the project's maintainers, copy the recommended settings from the project's documentation and paste them into your VS Code `settings.json` file.
 4. **Run the development server:** Use the `npm start` command to start the GatsbyJS development server. This will compile your changes and make the site available at [http://localhost:8000/](http://localhost:8000/) and `http://192.168.x.x:8000/`.
 
 ```bash

content/pages/about/index.mdx

@@ -0,0 +1,11 @@
+---
+title: About
+slug: "/about"
+---
+
+Hi!
+
+I'm Osama Abdullah from Bangladesh. I'm a Front-end web developer with expertise in building user interfaces. I started learning web development in July 2022 and often collaborate with UI/UX designers to create visually appealing web applications. My focus is on developing client-side web applications and integrating them with server-side components.
+
+`HTML`, `CSS`, `JavaScript`, `Git`, `TypeScript`,
+`React.js`

content/pages/resume/index.mdx

@@ -0,0 +1,34 @@
+---
+title: Md. Abdullah
+slug: "/resume"
+---
+
+Location: Khulna, Bangladesh
+
+Phone: __019134-66008__
+
+Email: __abdullah21673@hotmail.com__
+
+#### Skills
+`HTML`, `CSS`, `JavaScript`, `Git`, `TypeScript`,
+`React.js`
+
+#### Experience
+__ieradh.com__, Remote - _Front-end developer_
+
+- Developed front-end of a web app tool for building website backends, as a part of a team.
+- Collaborated with designers and backend developers to ensure seamless integration of front-end functionalities.
+- Employed best practices in front-en web development to create a user-friendly and responsive UI.
+
+
+#### Personal Project
+__Travel Guru__- *Travel Management Web App*
+- User authentication
+- Payment system
+- Dynamically control app from Admin dashboard
+
+
+#### Education
+__Secondary School Certificate, Shiromoni Alim Madrasha__ - _Khulna_
+- __Subject__: Science
+- __Result__: 4.68 of _5.00_

content/posts/how-ai-assist-me-when-i-feel-sad/index.mdx

@@ -0,0 +1,36 @@
+---
+title: "How AI assist me when I feel sad: a conversation"
+date: 2023-04-09
+tags:
+  - AI
+---
+
+__Me:__ hey, how are going?
+
+__*ChatGPT*:__ Hello! As an AI language model, I don't have feelings or emotions, but I'm functioning as intended and ready to assist you with any questions or tasks you may have. How can I help you today?
+
+__Me:__ I have facing a personal problem. I have a best friend who wss girl. In a yar ago, she got marrid. after marrid she never talk with me. I love her. In the past, me and she all the the time talking with phone call. Now, I missing her so much. I am crying for her. I trying to talk with her. but she ignore me. she alwase talk with her husband. how can I do now? I am so sad for that.
+
+__*ChatGPT*:__ I'm sorry to hear that you're going through a difficult time. It can be tough when relationships change, especially when it's someone you care about. Here are some steps you can take to help you cope with this situation:
+
+1. Accept the situation: It's important to acknowledge that your friend's priorities may have shifted since getting married. She may be busy with her new life, and that might mean that she doesn't have as much time for you as she used to. It can be hard to accept that things have changed, but it's a necessary step in moving forward.
+
+2. Communicate your feelings: It's okay to tell your friend how you feel, but make sure you do it in a respectful way. Let her know that you miss her and that you value your friendship. Be honest about your feelings, but also be prepared to listen to her perspective.
+
+3. Give her space: While it's important to communicate your feelings, it's also important to respect her boundaries. If she's not interested in talking to you right now, give her some space. It may be that she needs time to adjust to her new life, and that she'll come back to you when she's ready.
+
+4. Focus on yourself: While it's natural to miss your friend, it's important to focus on your own life as well. Take some time to do things that you enjoy, whether that's spending time with other friends, pursuing a hobby, or just taking some time for yourself. Remember that you are important too.
+
+5. Seek support: It can be helpful to talk to someone about how you're feeling, whether that's a trusted friend, family member, or a therapist. They can offer you support and guidance as you navigate this difficult situation.
+
+I hope these suggestions are helpful to you. Remember that it's okay to feel sad, but also remember that you are strong and capable of getting through this.
+
+__Me:__ when I miss her, I just cry. and I am introvert person. I am introvert from my childhood. I cannot live without her. but she ignore me, becoz she dont want me. she just want to forget me. but I love her. when she getting married, I am trying to died. but I cannot this. now, I am not try to died, but how sad I am, that anyone cannot fill it. at this time, I am crying. she live in my local area. but I dont want to see her. becouse I love her. I have not enogh word, that I explain how sad I am.
+
+__*ChatGPT*:__ I understand that this is a very difficult and painful situation for you. It can be very hard to come to terms with the fact that someone you care about may not feel the same way about you. It's okay to feel sad and to cry - it's a natural way to express your emotions.
+
+It's important to remember that you can't force someone to have feelings for you or to be your friend. As much as it hurts, you need to respect your friend's decision and give her space. It's okay to take time to grieve the loss of the friendship, but it's also important to start focusing on yourself and your own well-being.
+
+If you're finding it difficult to cope with your feelings, it might be helpful to speak to a therapist or a counselor. They can offer you support and guidance on how to manage your emotions and work through your feelings of sadness and loss.
+
+Remember that you are not alone, and that there are people who care about you and want to support you through this difficult time.