PassIn is a react application designed for managing participants in in-person events. Organizers can create events, register participants, and facilitate check-in on the day of the event.
Before you begin, ensure you have the following installed:
-
Node.js: Make sure you have Node.js installed on your system. If not, download and install it from here. And then run:
npm run dev
-
Create a new Vite project using the following commands:
npm create vite@latest
Choose the following options:
- Project template: react
- Use TypeScript: Yes
-
Navigate to your project directory:
cd my-app
-
Install project dependencies:
npm install
-
Start the development server:
npm run dev
-
Open http://localhost:3000 in your browser to view your application.
-
Install Tailwind CSS and related dependencies:
npm install -D tailwind postcss autoprefixer
-
Initialize Tailwind configuration files:
npx tailwindcss init -p
This will create
tailwind.config.js
andpostcss.config.js
. -
Refer to the Tailwind CSS documentation for further customization and usage instructions.
npm install lucid-react