Digital tool for Research management and "gardening".
Kipos is a web application built with React, utilizing the Ant Design system for a visually appealing and responsive user interface. The project incorporates GraphQL (Apollo), implementing a local link architecture where all external HTTP API calls are wrapped behind a local GraphQL schema. This approach provides a unified data layer for seamless integration and manipulation of data within the client-side application.
search.mov
Kipos also aims to deliver an offline-first experience by leveraging local storage capabilities. By utilizing local storage, the application ensures that users can continue to interact with the app even in scenarios with limited or no internet connectivity. In addition, the project has future plans to integrate web3 tools, such as IPFS (InterPlanetary File System), for decentralized storage and synchronization of states, providing enhanced data resilience and availability.
To clone and run the Kipos project locally, follow these steps:
# Clone the repository
git clone https://github.com/dmtsr/kipos.git
# Navigate to the project directory
cd kipos
# Install dependencies
yarn install
# Start the development server
yarn startEnsure you have Node.js and Yarn installed on your machine before running the above commands. Once the development server starts, you can access the application at http://localhost:3000 in your browser.
Developing components with Storybook can greatly enhance your development experience.This enables you to rapidly iterate on your components, test different scenarios, and gather feedback before integrating them into main application.
yarn storybook
Note that the npx graphql-codegen command should be run whenever there are updates to your GraphQL schema (*.graphql|gql files). It generates TypeScript typings based on your schema, which helps with type safety and autocompletion when writing GraphQL queries in our code.