https://github.com/0xabdulkhaliq/basket-sign-up

Beautifully crafted Signup form with securable Form validation..🚀
https://github.com/0xabdulkhaliq/basket-sign-up

css css3 formvalidation frontend html html5 javascript pre-release signup signup-form signup-page template

Last synced: about 2 months ago
JSON representation

Beautifully crafted Signup form with securable Form validation..🚀

• Host: GitHub
• URL: https://github.com/0xabdulkhaliq/basket-sign-up
• Owner: 0xabdulkhaliq
• License: mit
• Created: 2022-11-17T02:49:19.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-17T03:59:17.000Z (about 2 years ago)
• Last Synced: 2024-08-14T03:38:13.317Z (4 months ago)
• Topics: css, css3, formvalidation, frontend, html, html5, javascript, pre-release, signup, signup-form, signup-page, template
• Language: CSS
• Homepage: https://0xabdulkhalid.github.io/basket-sign-up/
• Size: 1.54 MB
• Stars: 29
• Watchers: 1
• Forks: 11
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        



  

    

  


Sign-up Form


  


    For a illusionary brand, Basket™

    


    


    View Demo

    ·

    Report Bug

    ·

    Request Feature

  






## Preview



 

 



> **Note**  

>> Application is still under Development




## Built With

- ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)   

- ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)   

- ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)




## Tools Used

- ![Google](https://img.shields.io/badge/google-4285F4?style=for-the-badge&logo=google&logoColor=white)   

- ![Shell Script](https://img.shields.io/badge/Terminal-%23121011.svg?style=for-the-badge&logo=gnu-bash&logoColor=white)  

- ![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white)  

- ![Arch](https://img.shields.io/badge/Arch%20Linux-1793D1?logo=arch-linux&logoColor=fff&style=for-the-badge)




## Features

- Built with **modern Javascript** practices

- It can **evaluate the form** effectively with basic conditions

- Comes with **optimized UI** & **UX**

- **Responsive** for both **Desktop** & **Mobile**




## Outcome

* Used HTML5 **semantic elements** for better readability and structure

* Used CSS3 **grid** and **flex** to manage layouts

* Used **Git** and **GitHub** for project management

* Tried to maintain **clean code**

* **Cross tested** on Firefox and Chromium based browsers




## What I learned

* Got some experience in Form handling with **Javascript**

* Learned to use **ternery** operator effectively to minimize the code

* A lot of minor things




## Acknowledgments

* Inspiration by [The Odin Project](https://www.theodinproject.com/)

* Illustrative vectors was provided by [Storyset](https://www.storyset.com/)




## License

- Distributed under the MIT License. See `LICENSE` for more information.




## Author