https://github.com/thecodechaser/pocketmd-blog

PocketMD Blog is a web application that fetches blog articles from API using GraphQL and render them on the screen. The application consist of homepage and details page for the articles.
https://github.com/thecodechaser/pocketmd-blog

apollographql nextjs reactjs typescript

Last synced: 5 months ago
JSON representation

PocketMD Blog is a web application that fetches blog articles from API using GraphQL and render them on the screen. The application consist of homepage and details page for the articles.

• Host: GitHub
• URL: https://github.com/thecodechaser/pocketmd-blog
• Owner: thecodechaser
• License: mit
• Created: 2022-08-19T07:44:25.000Z (over 3 years ago)
• Default Branch: dev
• Last Pushed: 2022-08-21T23:23:42.000Z (over 3 years ago)
• Last Synced: 2025-02-04T14:27:20.632Z (about 1 year ago)
• Topics: apollographql, nextjs, reactjs, typescript
• Language: TypeScript
• Homepage: https://pocketmd-blog.herokuapp.com/
• Size: 3.71 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![](https://img.shields.io/badge/thecodechaser-blueviolet)

# PocketMD Blog

> PocketMD Blog is a web application that fetches blog articles from API using GraphQL and render them on the screen. The application consist of homepage and details page for the articles.

## Preview:

### Home Page

![screenshot](./public/homepage.png)

![screenshot](./public/articles.png)

![screenshot](./public/footer.png)

### Details Page

![screenshot](./public/details.png)

### DarkMode

![screenshot](./public/dark.png)

### Mobile responsivness

![screenshot](./public/homepage-m.png)

![screenshot](./public/article-m.png)

![screenshot](./public/footer-m.png)

## Built With

- NextJS

- ReactJS

- Typescript

- Styled Components

- Apollo GraphQL

## Standards

- ESLint

- Prettier

## Live version

[PocketMD Blog](https://pocketmd-blog.herokuapp.com/)

## Getting Started

To get a local copy up and running follow these simple example steps.

### Prerequisites

- A text editor(preferably Visual Studio Code)

- Node

- Web browser

### Install

- [Git](https://git-scm.com/downloads)

- [Node](https://nodejs.org/en/download/)

### Using it Locally

- Clone the project

```bash

git clone git@github.com:thecodechaser/pocketmd-blog.git

cd pocketmd-blog

```

- Install dependencies

```bash

npm install

yarn install

```

- To Start the development server

```bash

npm run dev

```

## Visit And Open Files

[Visit Repo](https://github.com/thecodechaser/pocketmd-blog)

## Download Repo

[Download Repo](https://github.com/thecodechaser/pocketmd-blog/archive/refs/heads/dev.zip)

## Authors

👤 **Ranjeet Singh**

- GitHub: [@thecodechaser](https://github.com/thecodechaser)

- Twitter: [@thecodechaser](https://twitter.com/thecodechaser)

- LinkedIn: [thecodechaser](https://linkedin.com/in/thecodechaser)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/thecodechaser/pocketmd-blog/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- [PocketMD](https://pocketmd.ca)

## 📝 License

This project is [MIT](./LICENSE.md) licensed.