Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kratos-respawned/craftkit
My 24 hours hackathon project : Community-Crafted Component Hub: Your Creative Toolbox for Web Wizards and App Alchemists
https://github.com/kratos-respawned/craftkit
hackathon nextjs14-typescript postgresql prisma typescript
Last synced: 28 days ago
JSON representation
My 24 hours hackathon project : Community-Crafted Component Hub: Your Creative Toolbox for Web Wizards and App Alchemists
- Host: GitHub
- URL: https://github.com/kratos-respawned/craftkit
- Owner: kratos-respawned
- Created: 2023-11-05T04:47:01.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-05T05:52:51.000Z (10 months ago)
- Last Synced: 2024-11-09T21:41:57.106Z (3 months ago)
- Topics: hackathon, nextjs14-typescript, postgresql, prisma, typescript
- Language: TypeScript
- Homepage: https://craftkit.design
- Size: 590 KB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# UI Library
## Presentation
Check out our [presentation](https://pitch.com/public/a3ad8c82-7ea2-4204-948d-2aa67b7b049e) to learn more about our project.
Check out our [Video](https://www.youtube.com/watch?v=ATLbX7zDLDs) 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.
```bash
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
```bash
git clone https://github.com/kratos-respawned/CraftKit.git
```
Go to the project directory
```bash
cd CraftKit
```
Install dependencies
```bash
pnpm install
```
Start the server
```bash
pnpm run dev
```
Open browser site
- Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Contributors
Thanks to the following people who have contributed to this project:
- [@Gaurav](https://www.github.com/kratos-respawned)
- [@Harsh](https://www.github.com/Harsh-uu)
- [@Javed](https://www.github.com/mdansarijaved)