WebDevTools - GitLite

KO | EN

gitlite — search

#react #ai #typescript #golang #android #linux #docker #macos #java #awesome #cli #vue #openai #open-source

WebDevTools

(★ 60)

Web Dev Tools is a comprehensive online platform designed to empower web developers with a wide array of code samples and snippets.

파일 탐색기

최종 버전 다운로드 (.zip)

- - bug_report.yaml
  - cs.yaml
  - feature_request.yaml
- - blockedUser.md
  - format.yml
  - greet.yml
  - jest_tests.yml
  - mod.yml
- CODEOWNERS
- dependabot.yml
- PULL_REQUEST_TEMPLATE.md
- pre-commit
- - page.test.jsx
- test.test.jsx
- deployment.yaml
- service.yaml
- seo.js
- - favicon.ico
  - globals.css
  - layout.js
  - not-found.jsx
  - page.jsx
  - sitemap.xml
- - card.jsx
  - hamburger-menu.jsx
  - nav.jsx
  - navbar.jsx
  - search.jsx
- - api.json
  - posts.json
  - repos.json
  - tools.json
  - users.json
- - utils.js
.env.example
.eslintrc.json
.gitignore
.gitpod.yml
.prettierignore
.prettierrc
code_of_conduct.md
components.json
contributing.md
dockerfile
jest.config.js
jest.setup.js
jsconfig.json
LICENSE
next.config.js
package-lock.json
package.json
postcss.config.js
prettier.config.js
README.md
renovate.json
SECURITY.md
techstack.md
techstack.yml

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/Bashamega/WebDevTools

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd WebDevTools

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Docker

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.

docker build -t webdevtools .

Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.

docker run -p 8080:80 webdevtools

빌드된 이미지를 실제 컨테이너로 실행합니다.

✅ 터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.

3. Node.js

쉬움

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm run dev

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center" id="title">Web Dev Tools</h1>

<p align="center">
  <img src="https://socialify.git.ci/Bashamega/WebDevTools/image?description=1&amp;forks=1&amp;issues=1&amp;language=1&amp;name=1&amp;owner=1&amp;pulls=1&amp;stargazers=1&amp;theme=Dark" alt="project-image">
    <a href="https://discord.gg/fHQv7EXEGF">
    <img src="https://img.shields.io/discord/1296806270585802863?logo=discord&style=for-the-badge&color=404EED" alt="EddieHub Discord"/>
  </a>
</p>

<a href="https://gitpod.io/#https://github.com/bashamega/webdevtools" target="_blank">
  <img src="https://gitpod.io/button/open-in-gitpod.svg" alt="Open WDT in Gitpod">
</a>

<br>

<br>

<p id="description">Web Dev Tools is a comprehensive online platform designed to empower web developers with a wide array of code samples and snippets. Whether you are a seasoned professional or just starting your journey in web development our website provides you with a vast collection of code examples to streamline your workflow enhance productivity and create exceptional websites and web applications.</p>

<h2>🧐 Features</h2>

Here're some of the project's best features:

- Code Snippets
- Simple Code Editor
- Markdown Editor
- Button Customizer
- Conversion Calculator
- Lorem Ipsum Generator
- Cupcake Ipsum Generator
- Box Shadow Generator
- Color Picker
- Image Color Picker

<h2>🛠️ Installation Steps:</h2>

1. **Fork and Clone**:

```bash
   git clone https://github.com/Bashamega/WebDevTools.git
   cd WebDevTools
   ```

2. **Install Dependencies**:

```bash
   npm install
   ```

3. **Run Development Server**:
   ```bash
   npm run dev
   ```

<h2>💻 Built with</h2>

Technologies used in the project:

- Next.js
- React.js
- Tailwind

<h2>🛡️ License:</h2>

This project is licensed under the MIT