Initial Commit - v0.1.0

.eslintignore

@@ -0,0 +1,21 @@
+scripts/
+
+# Ignore .env and .env.local files
+.env
+.env.local
+
+# Ignore Next.js build and cache directories
+.next
+
+# Ignore node_modules directory
+node_modules
+
+# Ignore package-lock.json file
+package-lock.json
+
+# Ignore .DS_Store files
+.DS_Store
+
+# Ignore the public/assets folder and subfolders and content
+public/assets
+public/assets/*

.eslintrc.json

@@ -0,0 +1,5 @@
+{
+  "extends": ["next/core-web-vitals", "next/typescript", "prettier"],
+  "rules": {
+  }
+}

.gitignore

@@ -128,3 +128,38 @@ dist
 .yarn/build-state.yml
 .yarn/install-state.gz
 .pnp.*
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

.prettierignore

@@ -0,0 +1,3 @@
+.next
+out
+node_modules

.prettierrc.json

@@ -0,0 +1,11 @@
+{
+    "semi": true,
+    "singleQuote": true,
+    "printWidth": 80,
+    "tabWidth": 2,
+    "useTabs": false,
+    "trailingComma": "all",
+    "bracketSpacing": true,
+    "jsxBracketSameLine": false,
+    "arrowParens": "avoid"
+}

CONTRIBUTING.md

@@ -73,3 +73,18 @@ If you have a request for a new component, please open a discussion on GitHub. I
 ## Testing
 
 Please ensure that the tests are passing when submitting a pull request. If you're adding new features, please include tests.
+
+## TODOs
+
+### Improvements and enhancements:
+
+1. Implement a search functionality to help users find specific elements quickly.
+2. Add a dark mode toggle for better accessibility and user preference.
+3. Implement a tagging system for easier categorization and filtering of elements.
+4. Add a "Favorites" feature so users can save their most-used elements.
+5. Implement a color picker for gradients and backgrounds, allowing users to customize colors before copying.
+6. Add a preview feature that renders the copied code in real-time.
+7. Implement a versioning system to track changes and updates to the design elements.
+8. Add a community contribution feature, allowing users to submit their own design elements.
+9. Implement keyboard shortcuts for faster navigation and copying.
+10. Add a "Related Elements" section in the modal to suggest similar or complementary design elements.

README.md

@@ -4,11 +4,29 @@ An open-source collection of UI and web design components that you can copy and
 
 ![hero](public/assets/images/og.jpg)
 
-<!-- 
 ## Documentation
 
-Visit http://ui.melanyss.me/docs to view the documentation.
--->
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
 
 ## Contributing
 

next.config.mjs

@@ -0,0 +1,10 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+    pageExtensions: ['tsx', 'ts', 'jsx', 'js', 'mdx', 'md'],
+    images: {
+        domains: ['melanys.me', 'ui.melanys.me', 'localhost', 'localhost:3000'], // Add your domain for image optimization
+      },
+
+};
+
+export default nextConfig;