bolub / kokua-frontend

Kokua

Kokua is a library that provides useful resources for programming and design. That's it, pretty simple isn't it

Website

Kokua is located at https://www.kokua.wiki.

Running Locally

Prerequisites

• Node.js installed on your machine (version 12 or higher recommended)
• pnpm package manager installed globally (you can install it via npm: npm install -g pnpm)

Cloning the Repository

• Open your terminal or command prompt.

• Navigate to the directory where you want to clone the Kokua repository using the cd command:

  cd path/to/your/directory

• Clone the Kokua repository from GitHub using the following command:

  git clone https://github.com/bolub/kokua.git

• Change into the newly created kokua directory:

  cd kokua

Installing Dependencies

Once you're inside the kokua directory, use pnpm to install project dependencies:

pnpm install

This command will fetch and install all required dependencies listed in the package.json file.

After successfully installing dependencies, you can now run the Kokua project locally. Use the following command:

pnpm run dev

This command starts the development server and launches the Kokua application in your default web browser. Open your web browser and navigate to http://localhost:3000 to view the Kokua application.

kokua-frontend's Issues

Make miscellaneous modals url accessible

Miscellaneous modals include:

• Suggest resource
• Feedback

Maybe use React URL modal - https://react-url-modal.vercel.app/?tab=0. But if a simpler alternative is found then no problem

Explore guides/collections

A guide/collection will mainly be a collection of resources. An example guide could be:

How to create a design system:

Then a description

Then the resources

• Resource 1
• Resource 2
• Resource 3

Add filters

Update readme

Add ability to like a resource

okay so, a very simple implementation

• user likes an item,

• Increase count (api endpoint)

• create a uuid for the user
  get itemId

• Save uuid and itemId inside indexedDb, so we can use that to check if an item has been liked or not

Fix preview

Add staging area

Give people the ability to post a resource

Fix resource previews

We need a better way to fetch resource metadata.

Current issues:

• Sometimes, we get a white image, probably default kicks in and adds a white overlay
• Lots of cors errors, probably due to the current package, need to fix this asap

Pagination and data issues with search/filter

Search and filter always returns 20 or so items, probably because of some pagination magic I did. Please fix

Add pagination (read more)

https://www.sanity.io/docs/paginating-with-groq

Add empty state

Add ability to sort

A-Z and Z-A