Projekt-Nr. 5

Projekt-Start: Mittwoch, 13. Dezember 2023

Web and mobile developper

form.png

A friend wants to sell her language courses online and has asked you to create a small website that allows to test how her booking process would look and feel on mobile devices.

Anrede [Select] Vorname [Input|Text] Nachname [Input|Text] Geburtsdatum [Input|Date] Strasse [Input|Text] PLZ [Input|Number] ORT [Input|Text] E-Mail [Input|E-Mail] Telefon G [Input|Number oder Text] Telefon P [Input|Number oder Text] AGB [Input|Checkbox] Newsletter [Input|Radio] Bemerkung [Textarea]

and build a website consisting of one page with a course description, the booking form page and a confirmation page (a minimal of three pages). The booking form must validate user input and give feedback in case of invalid entry values. The site should look good on phones (mobile first) and on a desktop PC. ​

and build the website, using HTML, CSS, (Bootstrap 5) and JavaScript. Create the mockup using Figma. Then use VS Code, Live Server, Git/GitHub for developing and source control.

Git/GitHub workflow with plenty of Commits and some Pull Requests + Merges.

Tipp: Apart from the usual main branch, use a development and feature branches.

project, including the retrospective, at 15:15 of the 21. Dezember 2023. At 15:30 there will be a vernissage of the works in the classroom.

Review of the product in a browser, then GitHub repository and other artefacts --> Deliverables

• GitHub link to site repository in simplonline.co
• README.md in GitHub repository
• RETROSPECTIVE.md in GitHub repository
• Link to Figma mockup (or wireframe) in README.md in GitHub repository

• Website that functions and looks inviting on mobile and desktop PC
• Figma mock-up (or wireframe)
• JavaScript form validation
• JavaScript feedback generation (string concatenation, string templates, DOM manipulation)

https://www.figma.com/file/a5zemwHstq0Jherl8nZDeP/Untitled?type=design&node-id=3%3A92&mode=design&t=seULIMmEj3DsdgA1-1