Skip to content

My 24 hours hackathon project : Community-Crafted Component Hub: Your Creative Toolbox for Web Wizards and App Alchemists

Notifications You must be signed in to change notification settings

kratos-respawned/CraftKit

Repository files navigation

UI Library

Presentation

Check out our presentation to learn more about our project.

Check out our Video to learn more about our project.

Problem Statement

Lack of a centralized platform for developers to upload and showcase and share their UI components. Currently, developers have to rely on various marketplaces or create their own websites to let other use their components. This creates a fragmented market and makes it difficult for developers to reach a wider audience. Additionally, there is a lack of an in-built code editor, which makes it difficult for developers to create and edit their components.

we have used offlicial nextjs cli to create the project and used shadcn ui for the ui library.

  npx create-next-app --example with-typescript with-typescript-app

Solution

Our UI library allows developers to upload their UI components and share them to others. The library includes an in-built code editor, making it easy for developers to create and edit their components. We used Next.js for the frontend and backend with prisma, shadcn ui, mongoDB.

Developers can create an account on our platform and upload their UI components. They can also edit their components and delete them. Developers can also view other components and download them.

Our in-built code editor allows developers to create and edit their components directly on our platform. This eliminates the need for external tools and streamlines the development process.

We used Next.js for the frontend and backend of our platform. Next.js is a popular framework for building server-side rendered React applications. It provides a great developer experience and makes it easy to build scalable applications.

Local Setup

To set up the project locally, follow these steps: Clone the project

  git clone https://github.com/kratos-respawned/CraftKit.git

Go to the project directory

  cd CraftKit

Install dependencies

  pnpm install

Start the server

  pnpm run dev

Open browser site

Contributors

Thanks to the following people who have contributed to this project:

About

My 24 hours hackathon project : Community-Crafted Component Hub: Your Creative Toolbox for Web Wizards and App Alchemists

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published