https://github.com/dharanchilukuri/web-design-5

Responsive web page with form validation
https://github.com/dharanchilukuri/web-design-5

Last synced: about 2 months ago
JSON representation

Responsive web page with form validation

• Host: GitHub
• URL: https://github.com/dharanchilukuri/web-design-5
• Owner: dharanchilukuri
• Created: 2024-11-01T17:20:12.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-01T18:14:10.000Z (2 months ago)
• Last Synced: 2024-11-01T19:17:19.262Z (2 months ago)
• Language: HTML
• Homepage: https://dharanchilukuri.github.io/web-design-5/
• Size: 10.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Objective : To translate a design from Figma into a functional HTML/CSS webpage with form validation using JavaScript.

 Followed web standards, accessibility principles.

 Ensured usage of semantic HTML5 elements, pixel-perfect design and responsiveness across multiple devices.

 Implemented validation through vanilla javascript levaraging regular expressions without limiting to html basic validation. 

 Leveraged DOM manipulation methods to toggle classes, add or remove feedback messages to form elements.

 Check console (control+shift+j for windows or Cmd + Option + J for mac) to view the form data after you successfully submit it. 

# Link to figma design :

https://www.figma.com/design/Bt0Abix6BPl6Kk8fXDunQ2/Web-design-5?node-id=0-1&t=NDlpW3mXkIvD7sw2-1

# hosted webpage :

https://dharanchilukuri.github.io/web-design-5/

.

.

.

.

.

.

.

.

.

.

Other areas I would like to consider implementing :

mobile first design, cross browser compatibility techniques, SEO, performance optimizations and testing for user flows.