https://github.com/sontungexpt/dreamy-farm-client

The ui for dreamy farm website
https://github.com/sontungexpt/dreamy-farm-client

farm javascript javascriptreact project reactjs scss web

Last synced: 4 months ago
JSON representation

The ui for dreamy farm website

• Host: GitHub
• URL: https://github.com/sontungexpt/dreamy-farm-client
• Owner: sontungexpt
• Created: 2023-04-28T13:04:25.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-07-18T06:06:02.000Z (almost 3 years ago)
• Last Synced: 2025-09-12T13:07:12.335Z (9 months ago)
• Topics: farm, javascript, javascriptreact, project, reactjs, scss, web
• Language: JavaScript
• Homepage:
• Size: 10.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# The development branch of the dreamy farm website

## 1. Preview

[Video](https://drive.google.com/file/d/1C5Wr48A6sTY2TbLIwJNIm87F2Dc5oSuW/view?usp=sharing)

  Show Images

![Preview 1](./gitsources/previews/dreamy_farm_1.png)

![Preview 2](./gitsources/previews/dreamy_farm_2.png)

![Preview 3](./gitsources/previews/dreamy_farm_3.png)

![Preview 4](./gitsources/previews/dreamy_farm_4.png)

![Preview 5](./gitsources/previews/dreamy_farm_5.png)

![Preview 6](./gitsources/previews/dreamy_farm_6.png)

![Preview 7](./gitsources/previews/dreamy_farm_7.png)

![Preview 8](./gitsources/previews/dreamy_farm_8.png)

![Preview 9](./gitsources/previews/dreamy_farm_9.png)

![Preview 10](./gitsources/previews/dreamy_farm_10.png)

![Preview 11](./gitsources/previews/dreamy_farm_11.png)

![Preview 12](./gitsources/previews/dreamy_farm_12.png)

![Preview 14](./gitsources/previews/dreamy_farm_14.png)

![Preview 17](./gitsources/previews/dreamy_farm_17.png)

## 2. Features

- **Searchbar**: search products and recipes (priority products) 5 results for

  each time

- **Login, Register**: with password encryption

- **Feedback**: User cand send feedback to you

- **Two language**: Vietnamese and English

- **Pages**:

  - **Home page**: Introduce website

  - **Product page**: Show products in your db

  - **Recipe page**: Show recipes in your db

  - **About us**: Information about the company

  - **Wishlist page**: Show your favorite products

  - **Order page**: Show your old orders

  - **Address page**: Show your addreses

  - **Account information page**: To change your acount information

  - **Shopping cart page**: Show your products you choose to buy

  - **Checkout page**: Checkout before finsihed your order

  - **Product detail**: Show detail about product

  - **Recipe detail**: Show detail about recipe

## 3. How to run this project

- **Step 1. Install mongodb (because this project use local db)**

- **Step 2. Clone backend repo and this repo**

  ```

  git clone https://github.com/sontungexpt/dreamy-farm-server.git

  ```

  ```

  git clone https://github.com/sontungexpt/dreamy-farm-client.git

  ```

- **Step 3. Run mongodb**

- **Step 4. Run the backend project first**

  **NOTE: Make sure installed all dependencies packages when pull from the remote if not run this command**

  ```

  npm install

  ```

  **Run project (Make sure you are in the root folder of the project)**

  ```

  npm start

  ```

- **Step 5. Run the frontend project**

  **NOTE: Make sure installed all dependencies packages when pull from the remote if not run this command**

  ```

  npm install

  ```

  **Run project (Make sure you are in the root folder of the project)**

  ```

  npm start

  ```

## 4. Authors

- **1. [Tran Vo Son Tung](https://github.com/sontungexpt)**

- **2. [Pham Nguyet Quynh](https://github.com/PhamNguyetQuynh)**

- **3. [Vo Nhu Phi](https://github.com/phifin)**