Huynh.md

1. Design static page

Like this: http://getbootstrap.com/docs/4.0/examples/pricing/

Folder structure like this:

├── app.py
├── statis
│   ├── css
│   ├── image
│   └── js
└── templates
    ├── manage_message.html
    └── pricing.html

Require:

• Using jQuery, ajax
• Click to Contact button --> Open model with contact form.
• Contact model form must be check valid data before send.
  • Check "Name": minimum number of characters is 6
  • Check "Email": must be a valid email address
  • Check "Message": not null
  • Show Success message after submit Contact form

2. Create simple Flask server

GET /pricing

GET /manage_message

API:

POST /api/send_message

Request body

{
   "email": "me@duyet.net",
   "name": "Duyet",
   "message": "Hé lô"
}

Response 200

{
   "status": "Success"
}

Response 400

{
   "status": "error"
}

GET /api/get_message

Response 200

[
   {
      "id": 1,
      "email": "me@duyet.net",
      "name": "Duyet",
      "message": "Hé lô"
   },
   {
      "id": 2,
      "email": "me@duyet.net",
      "name": "Duyet",
      "message": "xxx"
   },
   {
      "id": 3,
      "email": "me@duyet.net",
      "name": "Duyet",
      "message": "Hé lô"
   }
]