Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thareendra2000/taskify
A simple react-ts project used graph QL end point and used RTK Query.
https://github.com/thareendra2000/taskify
graphql rtk-query tailwindcss typescript vite
Last synced: about 2 months ago
JSON representation
A simple react-ts project used graph QL end point and used RTK Query.
- Host: GitHub
- URL: https://github.com/thareendra2000/taskify
- Owner: Thareendra2000
- Created: 2023-11-10T11:14:52.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-18T06:34:18.000Z (about 1 year ago)
- Last Synced: 2024-10-28T17:27:42.583Z (3 months ago)
- Topics: graphql, rtk-query, tailwindcss, typescript, vite
- Language: TypeScript
- Homepage:
- Size: 156 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Taskify
## Getting started
1. **Clone the repository:**
```bash
git clone https://github.com/Thareendra2000/taskify.git
cd taskify
```
2. **Install Dependencies:**
```bash
npm install
```
3. **Run the Development Server:**
```bash
npm run dev
```
## Technologies used
* **Vite:** [Vite](https://vitejs.dev/guide/) is a build tool that provides a faster and leaner development experience for modern web projects. It includes a dev server with hot module replacement (HMR) and a build command for bundling code for production.
* **Tailwind CSS:** A utility-first CSS framework that allows you to rapidly build custom designs. It is used for styling in this project.
* **Graphql Code Generation:** A tool that generates code based on your GraphQL schema and operations. Used with [@graphql-codegen/typescript-rtk-query](https://the-guild.dev/graphql/codegen/plugins/typescript/typescript-rtk-query) for automatic TypeScript typings and RTK Query hooks.
* **RTK Query:** Part of Redux Toolkit, [RTK Query](https://redux-toolkit.js.org/rtk-query/overview) is used for data fetching, caching, and state management.
* And followed a guide, like [this sample repository](https://github.com/reduxjs/redux-toolkit/tree/master/examples/query/react/graphql-codegen).
* For the backend used a GraphQL API.