https://github.com/joel-jaimon/yandex-i-a
A project in which implementation of debounce, scroll based api calls, cached query, persisted theme (dark / white) is done. ORM used is typeORM along with typegraphql. Apollo Graphql is used to handle client / server.
https://github.com/joel-jaimon/yandex-i-a
apollographql debounce express graphql graphql-client graphql-server nodejs pg query reactjs typegraphql-typeorm typescript
Last synced: 2 months ago
JSON representation
A project in which implementation of debounce, scroll based api calls, cached query, persisted theme (dark / white) is done. ORM used is typeORM along with typegraphql. Apollo Graphql is used to handle client / server.
- Host: GitHub
- URL: https://github.com/joel-jaimon/yandex-i-a
- Owner: joel-jaimon
- Created: 2021-06-07T18:14:45.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2021-06-12T06:37:52.000Z (almost 4 years ago)
- Last Synced: 2025-01-18T09:14:51.011Z (4 months ago)
- Topics: apollographql, debounce, express, graphql, graphql-client, graphql-server, nodejs, pg, query, reactjs, typegraphql-typeorm, typescript
- Language: TypeScript
- Homepage: https://yandex-client.web.app
- Size: 3.01 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🟣 Anime Info
This is a search based website project. Its built using PERN (PostgreSQL, Express, React, Node JS) Stack.
**Functionality as follow:**
- ☑️ Scroll based query fetching, .
- ☑️ Debounced input so no unnecessary api calls.
- ☑️ Fetched query is cached, so no api calls for the same query.
- ☑️ Graphql is used for api calls.
- ☑️ Apollo Graphql is used as it provides a neat way to handle graphql server and client.
- ☑️ Material UI / SCSS is used for styling.
- ☑️ Loading indicators like linear bars / skeletons is used to improve user experience.
- ☑️ Persisted Dark and White theme
- ☑️ ORM used is TypeORM
---
## 🚀 Installation
- cd **./yandex-client**
```bash
npm install && npm start
```
- cd **./yandex-server**
```bash
npm install && npm start
```
## ✌ Usage
- **React Client:** http://localhost:3000
- **Graphql Server:** http://localhost:4000/graphql
---
## 🔥 Demo Link
- [Yandex Client](https://yandex-client.web.app/)