---
# System prepended metadata

title: 'Beauty salon  :'

---

<!-- 
"beauty salon app includes selling, ordering and reservation:
- Advance reservation for services in the salon
- selling cosmatics
- ordering spesific services to houses(e.g nail care services)
with "    "
https://emirateswoman.com/dubais-best-salons-hair-stylists/
https://afrodiva.ae/?gclid=Cj0KCQjwi7yCBhDJARIsAMWFScMgsjm9BXfq7cmfrrMrTJBIrKzNhfuLpljQzL_pkeVH3NHvBZN7VQ0aAtOJEALw_wcB"
-->
# Beauty salon  : 
beauty salon app that facilitates reserving and selling cosmetics


## Live demo :tv: 
[Heroku link , Click here to visit our app]()



## Main problem :new_moon_with_face: 

Women who are preparing for a special event, have difficulty reserving a specific date and have difficulties choosing the right cosmetics products that suitable for them.


## Solution :bulb:
Build a beauty salon application that helps customers reserve a date, and buy cosmetics.

## User Stories :open_book:
***As a user :***
* I can see all available resrvation time.
* I can reserve a date with specific day.
* I can cancel a resrvation.
* I can see all available porducts to buy .
* I can buy a product.
* I want to search for products. 
* I can add products to my favourite list
* I need to create my own profile
* I can sign up into the app 
* I can log in into the app

***As a salon owner :***
* I need control panel to manage my products and resrvation.
* I can see all reservation with details.
* I can see all purchases with details.


## User Journey :airplane:

As a user, I can see all available  reservation times to able to reserve, search to find product and I can add any product to my favorite list , inside my profile I have my information ,resrvation details.

as a an admin, I can mange and see all reservation and product details.

## Prototype :art:
![prototype]()


## DATABASE Schema :file_cabinet:
[dbdigram](https://dbdiagram.io/d/5ee9bcf79ea313663b3ggaa9ed)
![dbimage](https://i.imgur.com/1lve6igggs.png)

## Installation Guide :

tbd

### Database Setup

1. If you have pgcli skip this step.
<!-- 
   - Install PostgreSQL database
   - Along side with pgcli
   - [instructions on how to install pgcli](https://www.pgcli.com/install)

2. Open your terminal, run pgcli, navigate through the project to this path: `./server/database/config/build.sql`

3. Copy this file path and write in the terminal:

```
    \i <paste your copied path to the file>
```

4. build the dummy data by using this command:

```
    npm run build:db
``` -->

### Project setup

<!-- 1. Create a `.env` file in the project root folder.
2. Add the following in it **This step is so important!!**

```
SECRET_KEY=AB#%&HD

DATABASE_URL=postgres://team2:0000@localhost:5432/househunting

DEV_DB_URL=postgres://team2:123456@localhost:5432/househunting_dev

TEST_DB_URL=postgres://team2:123456@localhost:5432/househunting_test

```

3. To install the dependencies, run this command only for the first time:

```
    npm i
```
 -->
### Running the project:
<!-- 
1. To run the server, Open your terminal and run:

```
    npm run dev
```

2. To run the React Development server, Open another terminal and run:

```
    npm run client
```

3. To run the tests:

```
    npm test
``` -->

## Technologies :computer:

#### Front-end Technology:

- ReactJS (Hooks).
- Material UI
- UnDraw

#### Back-end Technology:

- Node JS
- Express.

#### Database Technology:
<!-- - PostgreSQL. -->

## Stretch Goals :goal_net:
* The users can complete the contract and rent the apartment
* user can see the location of the house on the map and compare between two houses
* user can see related houses according to a specific area on the map
* create an admin dashboard
    * admin can view, edit, delete all users 
    * admin can view, edit, delete all houses 
* create chat that allows users to contact and negotiate


## team

### Team Members :bat:
* Yasmeen Attallah 
* Khamis albashiti
* Adham Haisami
* Iman Sedky



## Resources :mag:
* https://cloudinary.com/documentation/developer_overview
* https://material-ui.com/

