Before we start development, we need to plan and design the system structure and specifications. The following questions hope to guide you to think about how you design this project, what tools you need, and more detailed specifications.
[x] Imagine if you want to visit this website by your mobile phone, what technologies you need? How to let this service achieve your goal?
[x] Now you have a Python script, how to achieve your requirement?
[x] Where you can deploy your Front-end website? -> Github
[x] Where you can deploy your Back-end script? -> Vercel
[x] How to connect Front-end and Back-end sides? -> By call APIs
[x] Which values in your Python script you want to extract and pass from Front-end?
[x] Design the repo structure (Put Front-end and Back-end in same repo)
[x] Backend -> import by Vercel and execute as a serverless function.
[x] Frontend -> simple HTML, CSS and JS, build on Github Page.
Project:
System Design
Before we start development, we need to plan and design the system structure and specifications. The following questions hope to guide you to think about how you design this project, what tools you need, and more detailed specifications.
Technologies & Skills
Preparation
Tools
Study resources