📚一个拥有 SVG 徽标的美丽图书馆。使用 Sveltekit 与 Tailwind CSS 构建。 https://svgl.app/
Go to file
2022-06-26 18:53:52 +01:00
data ⚒️ Structure improvements. 2022-06-26 18:34:42 +01:00
public 😍 New images. 2022-06-24 21:52:32 +01:00
src ⚒️ Create footer. 2022-06-26 18:53:52 +01:00
.eslintrc.json ⚒️ New improvements, design and components. 2022-06-20 16:58:05 +01:00
.gitignore ⚒️ Add PWA files. 2022-06-21 15:17:15 +01:00
LICENSE New design, new icons and license added 2022-02-18 17:19:05 +00:00
next-env.d.ts ⚒️ Preparate boilerplate v2 - Typescript + React 18. 2022-06-03 11:53:50 +01:00
next.config.js ⚒️ Add PWA config & meta tags. 2022-06-21 15:17:47 +01:00
package-lock.json ⚒️ Add react-hot-toast. 2022-06-24 13:31:57 +01:00
package.json ⚒️ Add react-hot-toast. 2022-06-24 13:31:57 +01:00
README.md ⚒️ Add tutorial to add the svg. 2022-06-26 18:43:23 +01:00
tsconfig.json ⚒️ Project structure. 2022-06-04 23:48:13 +01:00
vitest.config.ts ⚒️ Initial vitest config. 2022-06-23 17:20:49 +01:00

SVGL Banner

📦 Packages:

  • Nextjs - The React Framework for Production.
  • ⚒️ React 18 - A JavaScript library for building user interfaces.
  • 💙 Typescript - A superset of JavaScript.
  • Vitest - A blazing fast unit test framework.
  • 💅 Chakra UI - Create accessible React apps with speed.
  • 💥 Framer Motion - Production-ready motion library.
  • 💖 Phosphor Icons - A flexible icon family for everyone.
  • ⬇️ Next-PWA - Zero config PWA plugin for Next.js, with workbox.

🚀 Getting started:

You need:

  1. Clone the repository:
git@github.com:pheralb/svgl.git
  1. Install dependencies:
npm install
# or
yarn install
  1. Run:
npm run dev
# or
yarn dev
  1. Test & Build:
npm run ready
# or
yarn ready

Open localhost:3000 with your browser to see the result.

Yes! Here is a guide for you 🥳:

  1. Fork the repository.

  2. Clone the forked repository:

git@github.com:YOUR_USERNAME/svgl.git
  1. Add the .svg logo here: /public/library.

  2. Add your logo information here following the structure: /data/svgs.json.

{
  "id": your_logo_id,
  "slug": "/library/your_logo.svg",
  "title": "Logo Title",
  "category": "Logo Category",
  "url": "Your Website / app url"
}
  1. Create a commit and push:
git add .
git commit -m "🥰 Added my logo"
git push origin main
  1. Create a pull request with your changes and 🥳 ready.

🚂 Api endpoints:

- /api/all: returns all the logos.
- /api/search?id=2: returns the logo with id 2.
- /api/search?q=logo: returns the logo with query.

⚒️ Shortcuts:

🔑 License: