## <p align="center"> Tạo một trang web tỏ tình không cần code </p>

![confess-crush
](https://socialify.git.ci/zukahai/confess-crush/image?description=1&forks=1&issues=1&language=1&owner=1&pattern=Brick%20Wall&pulls=1&stargazers=1&theme=Dark)

<hr>

## <p align="center"> Hướng dẫn chi tiết </p>

* Hướng dẫn làm trang web 
  * [Bước 1: Đăng nhập Github](#bước-1-đăng-nhập-github) </br>
  * [Bước 2: Fork project](#bước-2-fork-project) </br>
  * [Bước 3: Chỉnh sửa trang web](#bước-3-chỉnh-sửa-web-theo-ý-của-bạn) </br>
  * [Bước 4: Tạo trang web](#bước-4-tạo-trang-web) </br>
* Video Hướng dẫn
  * [Video hướng dẫn](#-video-hướng-dẫn-)
* Xem sản phẩm
  * [Xem sản phẩm](#-ấn-vào-đây-để-xem-kết-quả-tương-tự-của-bạn-)
* Câu hỏi và phản hồi
  * [Câu hỏi và phản hồi](#-câu-hỏi-và-phản-hồi-)

Lưu ý: Nếu bạn đang sử dụng điện thoại thì bạn cần mở hướng dẫn này ở dưới dạng cho máy tính bằng cách mở trang web này trong trình duyệt chorme và làm theo hình bên dưới:
<p align="center"> <img src="/imagesGithub/mobile.png" alt="bg" /> </p>
<hr>

### Bước 1: Đăng nhập github
Bạn phải có tài khoản github, nếu bạn chưa có hay đăng ký [Tại đây](https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F&source=header-home) </br>
Sau khi đăng nhập bạn quay lại đây nhé, các bước tiếp theo vô cùng đơn giản thôi.</br></br>
Follow github.</br>
<p align="center"> <img src="/imagesGithub/follow.png" alt="bg" /> </p>

Truy cập và đường link và ấn follow cho mình nhé: https://github.com/zukahai


### Bước 2: Fork Project
Để có thể sửa trang web theo ý bạn, bạn cần phải fork project này. </br>
Tại trang này hãy click vào 2 biểu tượng như hình bên dưới.
<p align="center"> <img src="/imagesGithub/1.png" alt="fork" /> </p>
Lưu ý: Sau khi bấm fork nên chờ khoảng 2 giây để nó chuyển trang nhé.
<p align="center"> <img src="/imagesGithub/fork.gif" alt="fork" /> </p>

### Bước 3: Chỉnh sửa web theo ý của bạn.
Để chỉnh sửa trong web theo ý của bạn, bản cần chỉnh sửa file config.js </br>
Click vào chữ config.js để mở file đó lên.
<p align="center"> <img src="/imagesGithub/2.png" alt="edit config.js" /> </p>
Tiếp tục click vào biểu tượng bút chì như bên dưới để chỉnh sửa file này.
<p align="center"> <img src="/imagesGithub/3.png" alt="support" /> </p>

Đến đây bạn hãy chỉnh sửa thông tin trong file đó theo ý của bạn. </br>
Bạn có thể chỉnh sửa tên website, tên crush của bạn, chỉnh sửa đương link thành link message của bạn, ... </br>
Sau khi chỉnh sửa xong bạn nhớ ấn và0 đây để lưu lại nhé.

<p align="center"> <img src="/imagesGithub/4.png" alt="support" /> </p>

### Bước 4: Tạo trang web

Đầu tiên các bạn truy cập: https://vercel.com/login

Chọn đăng nhập bằng github:

<p align="center"> <img src="/imagesGithub/vercel1.png" alt="support" /> </p>

Sau khi đăng nhập, tại giao diện chính, bấm nút **Add New**, chọn **Project**

<p align="center"> <img src="/imagesGithub/vercel2.png" alt="support" /> </p>

Bấm **import** bên phải **Confress-Crush** như trong hình:

<p align="center"> <img src="/imagesGithub/vercel3.png" alt="support" /> </p>

Chọn **Deploy** và chờ khoảng 1 phút để trang web của bạn được tạo.

<p align="center"> <img src="/imagesGithub/vercel4.png" alt="support" /> </p>

Sau khi xuất hiện như hình dưới thì chúc mừng bạn đã tạo trang web thành công. Bấm vào theo như hình để lấy link trang web của bạn.
<p align="center"> <img src="/imagesGithub/vercel5.png" alt="support" /> </p>

<hr>

### <p align="center"> Video hướng dẫn </p>
Các bạn vẫn chưa làm được à? có thể là bị sai ở một bước nào đó, xem video hướng dẫn để biết mình sai ở đâu nhé.
</br>
Xem vide hướng dẫn ***[Tại đây](https://drive.google.com/file/d/1ACDGxlP3MsYQOsslN6WXzlDvyIc3V-MI/view?usp=drive_link)***
<p align="center"> <img src="/imagesGithub/video.png" alt="web" /> </p>

<br>

### [<p align="center"> Ấn vào đây để xem kết quả tương tự của bạn </p>](https://zukahai.github.io/Confess-Crush/)

[<p align="center"> <img src="/imagesGithub/demo.png" alt="web" /> </p>](https://zukahai.github.io/Confess-Crush/)

<hr>

### <p align="center"> Câu hỏi và phản hồi </p>

Nếu bạn vẫn chưa làm được hoặc hoặc chưa biết mình làm sai ở đây hãy nhấn vào hình bên dưới hoặc nhấn [Tại đây](https://github.com/zukahai/Confess-Crush/issues/new)
[<p align="center"> <img src="/img/logi.gif" alt="web" /> </p>](https://github.com/zukahai/Confess-Crush/issues/new)

### <p align="center">😘💔💙💓💝💟💑 Chúc các bạn thành công 💚💗💘💖💞💋👄</p>

> Source-code được tham khảo từ nhiều nguồn.
