https://github.com/saadazghour/modal-builder
✨ Modal Builder is a web application built with NextJS and ReactJS.
https://github.com/saadazghour/modal-builder
form-validation formik formik-form nextjs reactjs tailwindcss tyepscript
Last synced: 3 months ago
JSON representation
✨ Modal Builder is a web application built with NextJS and ReactJS.
- Host: GitHub
- URL: https://github.com/saadazghour/modal-builder
- Owner: saadazghour
- Created: 2023-07-24T14:05:04.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-18T14:34:18.000Z (9 months ago)
- Last Synced: 2025-01-18T12:34:43.736Z (4 months ago)
- Topics: form-validation, formik, formik-form, nextjs, reactjs, tailwindcss, tyepscript
- Language: TypeScript
- Homepage: https://modal-builder.vercel.app
- Size: 472 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Modal Builder
Modal Builder is a web application built with NextJS that allows users to easily create and customize custom popups (modals) for their websites with ease. The modals are designed to display forms that can be handled with the [Formik](https://formik.org/) library to efficiently collect user inputs.
[Formik](https://formik.org/) is a popular form library for React that simplifies form management, validation, and submission.
To learn more about [Formik](https://formik.org/) and how to use it, please refer to the [Formik Documentation](https://formik.org/docs/overview).
🔗 [Live Project: Modal Builder](https://modal-builder.vercel.app)
📝 [Source Code: GitHub Repository](https://github.com/saadazghour/modal-builder)
## Technologies
Modal Builder is built using the following technologies:
- [NextJS](https://nextjs.org/) - A React framework for server-side rendering and static site generation.
- [React](https://reactjs.org/) - A JavaScript library for building user interfaces.
- [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework for rapid UI development.
- [TypeScript](https://www.typescriptlang.org/) - A typed superset of JavaScript that compiles to plain JavaScript.
- [Formik](https://formik.org/) - A popular form library for React that helps with form handling, validation, and submission.
## Installation
To get started with Modal Builder on your local machine, follow these steps :
1. Clone the repository:
```bash
git clone https://github.com/saadazghour/modal-builder.git
```
2. Change to the project directory:
```bash
cd modal-builder
```
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
- Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
- This is a [NextJS](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Contributing
Contributions to Modal Builder are welcome! If you find a bug, have suggestions for improvement, or want to add new features, feel free to open an issue or submit a pull request.
## License
This project is licensed under the MIT License - see the LICENSE file for details.
## Learn More
To learn more about NextJS, take a look at the following resources:
- [NextJS Documentation](https://nextjs.org/docs) - learn about NextJS features and API.
- [Learn NextJS](https://nextjs.org/learn) - an interactive NextJS tutorial.
You can check out [the NextJS GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.