Welcome to Gamer Form Services - a Vue 3 application with Tailwind utilizing TypeScript and the Composition API. This application is a dynamic, user-friendly multi-step form tailored for the gaming community. Users can choose their ideal gaming plan, add extras, and checkout with ease. Our form ensures a seamless experience, equipped with step navigation and comprehensive input validations, ensuring every detail is perfect.
Inspired by Frontend Mentor
Project Link: https://gamer-form-services.netlify.app/
- Dynamic Multi-Step Form: Navigate through the form's stages with the option to return to previous steps without losing your progress.
- Step Validation: Each step is validated before moving to the next, ensuring all necessary information is complete and correct.
- Form Input Validation: Robust input validation to ensure the data integrity and prompt users for any incorrect or missing information.
- Vue 3 Composition API: Leverages the latest Vue 3 features for a more maintainable and readable codebase.
- TypeScript Integration: Provides static type checking to improve the development experience and ensure type safety.
- Customizable Plans: Select the gaming plan that aligns with your needs and preferences.
- Add Extras: Customize your chosen plan with additional services and features.
- Review & Checkout: Review all selections before finalizing, ensuring a tailored gaming experience.
Follow these simple steps to get a local copy up and running:
- Clone the repository:
git clone https://github.com/volkanakyel/gamer-form-service
- Serve the app locally::
npm run dev
Now, navigate to http://localhost:8080 to see the application in action!
The Gamer Form Services app is designed for simplicity and efficiency:
- Begin by selecting your desired gaming plan.
- Customize your plan by adding any extra features or services.
- Review your selections, making use of our comprehensive step and form validation.
- Proceed to checkout once you are completely satisfied with your choices.
Contributions are what make the open-source community an incredible place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
Please follow these steps if you'd like to contribute:
- Fork the Project
- Create your Feature Branch (git checkout -b feature/AmazingFeature)
- Commit your Changes (git commit -m 'Add some AmazingFeature')
- Push to the Branch (git push origin feature/AmazingFeature)
- Open a Pull Request
This project is distributed under the MIT License. See the LICENSE file for more information.
Volkan AKYEL - @uikielle - [email protected]