fork-commit-merge-web

KO | EN

gitlite — search

#hacktoberfest #react #ai #typescript #golang #go #machine-learning #nodejs #macos #awesome #kubernetes #mcp #openai #open-source

fork-commit-merge-web

(★ 45)

Website repo of Fork, Commit, Merge. A project designed to help you familiarize yourself with the open source contribution workflow on GitHub!

fork-commit-merge-web Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Fork, Commit, Merge - screenshot](https://raw.githubusercontent.com/fork-commit-merge/fork-commit-merge-web/main/public/fork-commit-merge-banner3.png)
[![LICENSE](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/fork-commit-merge/fork-commit-merge-web/main/LICENSE)
[![Version 2.0.0](https://img.shields.io/badge/Version-2.0.0-brightgreen.svg)](https://github.com/fork-commit-merge/fork-commit-merge-web/pulls)
[![Issues](https://img.shields.io/github/issues/fork-commit-merge/fork-commit-merge-web.svg?style=flat)](https://github.com/fork-commit-merge/fork-commit-merge-web/issues)
[![PR:s Welcome](https://img.shields.io/badge/PR:s-welcome-green.svg)](https://github.com/fork-commit-merge/fork-commit-merge-web/pulls)
[![Contributors Welcome](https://img.shields.io/badge/contributors-welcome-green.svg)](https://github.com/fork-commit-merge/fork-commit-merge-web/blob/main/CONTRIBUTING.md)
![GitHub repo size](https://img.shields.io/github/repo-size/fork-commit-merge/fork-commit-merge-web)

Fork, Commit, Merge serves as a comprehensive resource platform for mastering GitHub
contributions for both, beginners and seasoned developers. Our website features info about  various programming languages, frameworks, version control, contributing, external resources and more!

![HTML](https://img.shields.io/badge/html-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
![HTMX](https://img.shields.io/badge/htmx-%2302569B.svg?style=for-the-badge&logo=htmx&logoColor=white)
![CSS](https://img.shields.io/badge/css-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)
![Tailwind CSS](https://img.shields.io/badge/tailwind-%231572B6.svg?style=for-the-badge&logo=tailwindcss&logoColor=%23F7DF1E)
![Bootstrap](https://img.shields.io/badge/bootstrap-%239B30FF.svg?style=for-the-badge&logo=bootstrap&logoColor=white)
![ReScript](https://img.shields.io/badge/rescript-%2314162c?style=for-the-badge&logo=rescript&logoColor=e34c4c)
![CoffeeScript](https://img.shields.io/badge/CoffeeScript-2F2625?style=for-the-badge&logo=CoffeeScript&logoColor=white)
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Next.js](https://img.shields.io/badge/next.js-black?style=for-the-badge&logo=next.js&logoColor=white)
![Three.js](https://img.shields.io/badge/three.js-black?style=for-the-badge&logo=three.js&logoColor=white)
![Vite](https://img.shields.io/badge/vite-%239B30FF.svg?style=for-the-badge&logo=vite&logoColor=yellow)
![Vue.js](https://img.shields.io/badge/vue.js-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D)
![Svelte](https://img.shields.io/badge/svelte-%23f1413d.svg?style=for-the-badge&logo=svelte&logoColor=white)
![Astro](https://img.shields.io/badge/Astro-%2302569B.svg?style=for-the-badge&logo=Astro&logoColor=white)
![Angular](https://img.shields.io/badge/angular-%23DD0031.svg?style=for-the-badge&logo=angular&logoColor=white)
![Ember.js](https://img.shields.io/badge/ember.js-1C1E24?style=for-the-badge&logo=ember.js&logoColor=#D04A37)
![GraphQL](https://img.shields.io/badge/-GraphQL-E10098?style=for-the-badge&logo=graphql&logoColor=white)
![Node.js](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)
![NPM](https://img.shields.io/badge/NPM-%23000000.svg?style=for-the-badge&logo=npm&logoColor=white)
![Yarn](https://img.shields.io/badge/yarn-%232C8EBB.svg?style=for-the-badge&logo=yarn&logoColor=white)
![Nginx](https://img.shields.io/badge/nginx-%23009639.svg?style=for-the-badge&logo=nginx&logoColor=white)
![Apollo](https://img.shields.io/badge/-apollo-311C87?style=for-the-badge&logo=apollo-graphql)
![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)
![Electron.js](https://img.shields.io/badge/electron.js-191970?style=for-the-badge&logo=Electron&logoColor=white)
![Jest](https://img.shields.io/badge/jest-%23E34F26.svg?style=for-the-badge&logo=jest&logoColor=white)
![Jasmine](https://img.shields.io/badge/jasmine-%238A4182.svg?style=for-the-badge&logo=jasmine&logoColor=white)
![Vitest](https://img.shields.io/badge/Vitest-%23646CFF.svg?style=for-the-badge&logo=Vitest&logoColor=white)
![C](https://img.shields.io/badge/c-%231572B6.svg?style=for-the-badge&logo=c&logoColor=%23F7DF1E)
![C++](https://img.shields.io/badge/c++-%2300599C.svg?style=for-the-badge&logo=c%2B%2B&logoColor=white)
![C#](https://img.shields.io/badge/c%23-%23239120.svg?style=for-the-badge&logo=c-sharp&logoColor=white)
![.Net](https://img.shields.io/badge/.NET-5C2D91?style=for-the-badge&logo=.net&logoColor=white)
![Blazor](https://img.shields.io/badge/blazor-%235C2D91.svg?style=for-the-badge&logo=blazor&logoColor=white)
![D](https://img.shields.io/badge/D-CC342D?style=for-the-badge&logo=d&logoColor=white)
![F#](https://img.shields.io/badge/F%23-378BBA.svg?style=for-the-badge&logo=fsharp&logoColor=fff)
![Ada](https://img.shields.io/badge/Ada-%23Clojure.svg?style=for-the-badge&logo=Ada&logoColor=white)
![Java](https://img.shields.io/badge/java-%23ED8B00.svg?style=for-the-badge&logo=java&logoColor=white)
![Spring Boot](https://img.shields.io/badge/spring_boot-%23009639.svg?style=for-the-badge&logo=spring_boot&logoColor=white)
![Kotlin](https://img.shields.io/badge/kotlin-%237F52FF.svg?style=for-the-badge&logo=kotlin&logoColor=white)
![Scala](https://img.shields.io/badge/scala-%23E32F26.svg?style=for-the-badge&logo=scala&logoColor=white)
![Groovy](https://img.shields.io/badge/Groovy-4298B8.svg?style=for-the-badge&logo=Apache+Groovy&logoColor=white)
![Python](https://img.shields.io/badge/python-%23007ACC.svg?style=for-the-badge&logo=python&logoColor=yellow)
![NumPy](https://img.shields.io/badge/numpy-%23013243.svg?style=for-the-badge&logo=numpy&logoColor=white)
![Flask](https://img.shields.io/badge/flask-%23000.svg?style=for-the-badge&logo=flask&logoColor=white)
![Django](https://img.shields.io/badge/django-%23092E20.svg?style=for-the-badge&logo=django&logoColor=white)
![Solidity](https://img.shields.io/badge/Solidity-%23363636.svg?style=for-the-badge&logo=solidity&logoColor=white)
![Vyper](https://img.shields.io/badge/vyper-%23323330.svg?style=for-the-badge&logo=vyper&logoColor=%23F7DF1E)
![Ruby](https://img.shields.io/badge/ruby-%23E32F26.svg?style=for-the-badge&logo=ruby&logoColor=white)
![Rails](https://img.shields.io/badge/rails-%23CC0000.svg?style=for-the-badge&logo=ruby-on-rails&logoColor=white)
![Elixir](https://img.shields.io/badge/elixir-%239B30FF.svg?style=for-the-badge&logo=elixir&logoColor=white)
![Crystal](https://img.shields.io/badge/crystal-%23000000.svg?style=for-the-badge&logo=crystal&logoColor=white)
![PHP](https://img.shields.io/badge/php-%23007BCC.svg?style=for-the-badge&logo=php&logoColor=white)
![Laravel](https://img.shields.io/badge/laravel-%23FF2D20.svg?style=for-the-badge&logo=laravel&logoColor=white)
![Go](https://img.shields.io/badge/go-%2300ADD8.svg?style=for-the-badge&logo=go&logoColor=white)
![Dart](https://img.shields.io/badge/dart-%23323330.svg?style=for-the-badge&logo=dart&logoColor=white)
![Flutter](https://img.shields.io/badge/Flutter-%2302569B.svg?style=for-the-badge&logo=Flutter&logoColor=white)
![Swift](https://img.shields.io/badge/swift-%23E32F26.svg?style=for-the-badge&logo=swift&logoColor=white)
![React Native](https://img.shields.io/badge/react_native-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Julia](https://img.shields.io/badge/-Julia-9558B2?style=for-the-badge&logo=julia&logoColor=white)
![Rust](https://img.shields.io/badge/rust-%23E32F26.svg?style=for-the-badge&logo=rust&logoColor=white)
![Haskell](https://img.shields.io/badge/haskell-%239B30FF.svg?style=for-the-badge&logo=haskell&logoColor=white)
![Lua](https://img.shields.io/badge/lua-%232C2D72.svg?style=for-the-badge&logo=lua&logoColor=white)
![Clojure](https://img.shields.io/badge/Clojure-%23Clojure.svg?style=for-the-badge&logo=Clojure&logoColor=Clojure)
![OCaml](https://img.shields.io/badge/ocaml-%23ED8B00.svg?style=for-the-badge&logo=ocaml&logoColor=white)
![LaTeX](https://img.shields.io/badge/latex-%23008080.svg?style=for-the-badge&logo=latex&logoColor=white)
![Lisp](https://img.shields.io/badge/lisp-%23000000.svg?style=for-the-badge&logo=lisp&logoColor=red)
![Fortran](https://img.shields.io/badge/Fortran-%23734F96.svg?style=for-the-badge&logo=fortran&logoColor=white)
![Pascal](https://img.shields.io/badge/pascal-%23007ACC.svg?style=for-the-badge&logo=pascal&logoColor=yellow)
![COBOL](https://img.shields.io/badge/COBOL-%232C2D72.svg?style=for-the-badge&logo=COBOL&logoColor=white)
![Erlang](https://img.shields.io/badge/Erlang-white.svg?style=for-the-badge&logo=erlang&logoColor=a90533)
![Smalltalk](https://img.shields.io/badge/smalltalk-%231572B6.svg?style=for-the-badge&logo=smalltalk&logoColor=%23F7DF1E)
![Zig](https://img.shields.io/badge/Zig-%23F7A41D.svg?style=for-the-badge&logo=zig&logoColor=white)
![R](https://img.shields.io/badge/r-%23276DC3.svg?style=for-the-badge&logo=r&logoColor=white)
![Nim](https://img.shields.io/badge/nim-%23FFE953.svg?style=for-the-badge&logo=nim&logoColor=white)
![MATLAB](https://img.shields.io/badge/MATLAB-%23ED8B00.svg?style=for-the-badge&logo=MATLAB&logoColor=white)
![Octave](https://img.shields.io/badge/OCTAVE-darkblue?style=for-the-badge&logo=octave&logoColor=fcd683)
![SQL](https://img.shields.io/badge/sql-%23FF4500.svg?style=for-the-badge&logo=sqlite&logoColor=white)
![TLA+](https://img.shields.io/badge/tla+-%239B30FF.svg?style=for-the-badge&logo=tla+&logoColor=white)
![Bash](https://img.shields.io/badge/bash-%23121011.svg?style=for-the-badge&logo=gnu-bash&logoColor=white)
![Perl](https://img.shields.io/badge/perl-%230D467A.svg?style=for-the-badge&logo=perl&logoColor=white)
![Mojo](https://img.shields.io/badge/Mojo-FF7139?style=for-the-badge&logo=Mojo&logoColor=white)
![ASM](https://img.shields.io/badge/asm-%23121011.svg?style=for-the-badge&logo=asm&logoColor=white)
![JSON](https://img.shields.io/badge/json-%23000000.svg?style=for-the-badge&logo=json&logoColor=blue)
![YAML](https://img.shields.io/badge/yaml-%23000000.svg?style=for-the-badge&logo=yaml&logoColor=yellow)
![TOML](https://img.shields.io/badge/toml-%23000000.svg?style=for-the-badge&logo=toml&logoColor=white)
![XML](https://img.shields.io/badge/xml-%23000111.svg?style=for-the-badge&logo=xml&logoColor=white)
![CSV](https://img.shields.io/badge/csv-%23239120.svg?style=for-the-badge&logo=csv&logoColor=white)
![Markdown](https://img.shields.io/badge/markdown-%23000000.svg?style=for-the-badge&logo=markdown&logoColor=white)
![Docker](https://img.shields.io/badge/docker-%230db7ed.svg?style=for-the-badge&logo=docker&logoColor=white)
![Kubernetes](https://img.shields.io/badge/kubernetes-%23326ce5.svg?style=for-the-badge&logo=kubernetes&logoColor=white)
![Git](https://img.shields.io/badge/git-%23000000.svg?style=for-the-badge&logo=git&logoColor=white)

_Find awesome badges for your project in this repository:
[markdown-badges](https://github.com/Ileriayo/markdown-badges)_

</div>

## Table of Contents

This project is the repo of
[Fork, Commit, Merge -website](https://forkcommitmerge.dev).

- [Features](#features)
- [Tech Stack](#tech-stack)
- [Local Development](#local-development)
- [Contributing](#contributing)
- [Questions](#questions)
- [License](#license)
- [List of Contributors](#list-of-contributors)

## Features

- **Comprehensive Guides**: Easy to follow step-by-step guides for various
  GitHub processes, from creating a repository to managing pull requests.

- **Command Tutorials**: Detailed tutorials on Git commands to enhance your
  productivity and workflow efficiency.

- **Best Practices**: Recommendations on Git and GitHub best practices to
  promote high-quality code and effective collaboration.

- **Contribution Guidelines**: Detailed guides on how to properly contribute to
  open-source projects, including etiquette and effective communication with
  project maintainers.

- **FAQs and Troubleshooting**: A comprehensive section dedicated to frequently
  asked questions and common issues users face while contributing on GitHub.

- **Resource Library**: An extensive collection of external resources such as
  books, blog posts, and video tutorials on Git and GitHub.

## Tech Stack

- React.js
- Next.js
- TypeScript
- Tailwind CSS
- Clerk (Authentication)
- GitHub API

## Local Development

Follow these steps to run the application in your local environment:

1. Clone this repository.

```bash
   git clone https://github.com/fork-commit-merge/fork-commit-merge-web.git
   ```

2. Install the project dependencies.

```bash
   cd fork-commit-merge-web
   npm i
   ```

3. Set up your environment variables locally. Make a copy of the
   `.env.local.example` file and rename it to `.env.local`.

```bash
   cp .env.local.example .env.local
   ```

You will need to replace the placeholder values in this file with your actual
   credentials:

- For GitHub authentication, you need to replace `GITHUB_ID` and
     `GITHUB_SECRET` with your own credentials by creating a GitHub OAuth
     Application:

- Go to your GitHub account settings.
     - Navigate to "Developer settings" > "OAuth Apps" > "New OAuth App."
     - Fill in the application name, homepage URL (use NEXTAUTH_URL value), and
       set the authorization callback URL as
       <NEXTAUTH_URL>/api/auth/callback/github.

After registering the application, you will receive a client ID and client
   secret.

- For GitHub API access, you need to create a personal access token:

- Go to your GitHub account settings.
     - Navigate to "Developer settings" > "Personal access tokens" > "Tokens
       (classic)" > "Generate new token".
     - Select the necessary scopes (at minimum: `repo`, `read:user`,
       `user:email`).
     - Copy the generated token and use it for `GITHUB_TOKEN`,
       `FCM_GITHUB_TOKEN`, and `NEXT_PUBLIC_GITHUB_TOKEN`.

- For Clerk authentication, you need to create a Clerk account and get your
     API keys:

- Sign up at [Clerk.dev](https://clerk.dev/).
     - Create a new application.
     - Get your publishable key and secret key from the Clerk dashboard.
     - Replace `NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY` and `CLERK_SECRET_KEY` with
       your actual keys.

- You also need to replace NEXTAUTH_SECRET with a random string. You can
     generate one simply in terminal:

- On Linux and macOS:

- You can use the openssl command to generate a random string. Open your
         terminal and run `openssl rand -base64 32`. This will generate a
         32-byte random string encoded in base64. You can copy this string and
         use it as the value for NEXTAUTH_SECRET.

- On Windows:

- If you're using Windows, you can use PowerShell to generate a random
         string. Open PowerShell and run
         `[System.Text.Encoding]::UTF8.GetString((1..32 | ForEach-Object { Get-Random -Minimum 0 -Maximum 255 })) | Out-Clipboard`.
         This will generate a 32-character random string and copy it to your
         clipboard.

4. Run the development server.
   ```bash
   npm run dev
   ```

## Contributing

Contributions to fork-commit-merge-web are always welcome, whether it be
improvements to the documentation, new features, bug fixes, or even feedback on
the project.

**1.** Fork the project.

**2.** Add a reference to the original repository:

```bash
git remote add upstream https://github.com/fork-commit-merge/fork-commit-merge-web.git
```

**3.** Check the remotes for this repository:

```bash
git remote -v
```

**4.** Take a pull from the upstream repository to your main branch to keep it
at par with the main project:

```bash
git pull upstream main
```

**5.** Create your feature branch:

```bash
git switch -c my-new-feature
```

**6.** Add your changes:

```bash
git add files-that-you-changed
```

**7.** Commit your changes:

```bash
git commit -m 'Add some feature'
```

**8.** Push to the branch:

```bash
git push -u origin my-new-feature
```

**9.** Submit a pull request.

We kindly request that you express your interest in working on a particular
issue by leaving a message on the respective issue thread. This will allow us to
assign the issue to you directly, thereby preventing multiple individuals from
simultaneously working on the same problem.

If you have some small bug, feature, or fix to make, that is not currently on
Issues, feel free to submit a pull request.

For major changes, please open an issue first to discuss what you would like to
change. Please make sure to update tests as appropriate.

Also, please read our [Contributing Guidelines](CONTRIBUTING.md) for more
information.

## Questions

If you have any questions about the repo, open an issue or contact us directly
at niko.hoffren@gmail.com

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file.

---

## List of Contributors

Massive thanks to all of these fine individuals who contributed to this project!

fork-commit-merge-web

fork-commit-merge-web Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

fork-commit-merge-web

fork-commit-merge-web Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README