Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/awalhossain/awalhossain.github.io

🤖 My personal website showcases a collection of projects aimed at facilitating learning, along with blog posts covering various topics such as life, web development, and machine learning.
https://github.com/awalhossain/awalhossain.github.io

gatsby graphql plugin tailwindcss typescript

Last synced: about 2 months ago
JSON representation

🤖 My personal website showcases a collection of projects aimed at facilitating learning, along with blog posts covering various topics such as life, web development, and machine learning.

Awesome Lists containing this project

README

        

# awalhossain.tech

![CI](https://github.com/awalHossain/awalhossain.github.io/workflows/CI/badge.svg)

My personal [website](https://awalhossain.tech) with a list of my projects that help people learn and blog posts about life, web-development, and machine-learning.

![awalhossain tech](https://github.com/trekhleb/trekhleb.github.io/assets/80216813/ed1f93f2-7653-4282-8f1f-61a931ef582f)

## Development

The website is built on [Gatsby](https://www.gatsbyjs.com/). See the [Gatsby cheat-sheet](https://www.gatsbyjs.com/gatsby-cheat-sheet.pdf) for development hints.

### Running the project locally

Install proper version of Node:

```bash
nvm use
```

Install dependencies:

```bash
npm i
```

To run the project locally in development mode on [http://localhost:8000](http://localhost:8000):

```bash
npm run develop
```

View GraphiQL, an in-browser IDE, to explore your site's data and schema on [http://localhost:8000/\_\_\_graphql](https://localhost:8000/___graphql)

To build the production version of the project:

```bash
npm run build
```

Serve the production build for testing on [http://localhost:9000](http://localhost:9000):

```bash
npm run serve
```

To do ESLint and Type checking:

```bash
npm run lint
npm run type
```

### Working with icons

Use [react-icons.github.io](https://react-icons.github.io/react-icons) to search for available icons.

### Styling components

Use [tailwindcss.com](https://tailwindcss.com) to search for available CSS classes.