Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/litpreet/formiverse
https://github.com/litpreet/formiverse
javascript mongodb nodejs reactjs tailwind-css typescript
Last synced: about 18 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/litpreet/formiverse
- Owner: LitPreet
- License: mit
- Created: 2024-10-13T17:39:30.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-10-16T15:40:11.000Z (4 months ago)
- Last Synced: 2024-12-19T14:49:40.475Z (about 2 months ago)
- Topics: javascript, mongodb, nodejs, reactjs, tailwind-css, typescript
- Language: TypeScript
- Homepage: https://formiverse.vercel.app
- Size: 1.29 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Formiverse
Formiverse is a Google Forms-inspired application that allows users to create, edit, and share dynamic forms via email or shareable links. Users can fill responses, while form owners can view, delete, and track responses in real-time. The app’s backend-driven UI dynamically renders form components based on API responses, ensuring flexibility and scalability. Formiverse is also a Progressive Web App (PWA), providing offline functionality and mobile compatibility for a seamless user experience.
## 🌐Demo
Explore the live project - https://formiverse.vercel.app/
## 💡 Lighthouse Report
## 🚀Key Features
- Form Creation and Management: Users can create, edit, and share forms easily. They can send links via email or copy them for external sharing.
- Real-Time Response Tracking: Form owners receive real-time updates on submissions and can delete unwanted responses directly.
- Backend-Driven UI: The app’s UI is dynamically rendered based on the backend, ensuring a robust, flexible interface.
- PWA: Formiverse is a fully-functional Progressive Web App (PWA) that users can download and use offline on mobile devices.
## 🛠️Tech Stack
- React.js
- Vite Bundler
- TypeScript
- Tailwind CSS
- Mongodb
- Node js
- Shadcn UI for reusable components
- Redux Js
- Zod for Form validation
- Next themes for theme management
- PWA APIs
- Service Workers
- React Router v6
- Vercel for deployment
## 🏁 Get Started
To get this project up and running in your development environment, follow these step-by-step instructions.
## 📝 Prerequisites
In order to install and run this project locally, you would need to have the following installed on your local machine.
- [Node js](https://nodejs.org/en/)
- [NPM](https://docs.npmjs.com/getting-started)
- [Git](https://git-scm.com/downloads)
## ⚙️ Installation and Run Locally
#### step 1
Download or clone this repo by using the link below:
```
https://github.com/LitPreet/Formiverse.git
```
#### step 2
Execute the following command in the root directory of the downloaded repo in order to install dependencies:
```
npm install
```
### step 3
Execute the following command in order to run the development server locally:
```
npm run dev
```
### step 4
Open http://localhost:5173 with your browser to see the result.
## 📜 Scripts
| Script | Action
| ------------- |:-------------
| ```npm install``` | Installs dependencies
| ```npm run dev``` | Starts local dev server at ```localhost:3000 ```
| ```npm run build``` | Build your production site to ```./dist/```
| ```npm run start``` | Start your production site locally
## 🚀 Deployment
You can create an optimized production build with the following command:
```
npm run build
```
#### Deploy on Vercel
The easiest way to deploy this Next.js app is to use the Vercel Platform.
[Vercel Platform](https://vercel.com)