edivaldolluisb / PassIn

PassIn is a react application for managing participants in in-person events. It allows organizers to create events, register participants, and facilitate check-in on the day of the event.

PassIn

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.

Getting Started

Prerequisites

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

If there is any error try to install all the dependencies again

Installation

1. Create a new Vite project using the following commands:

   npm create vite@latest

   Choose the following options:

   • Project template: react
   • Use TypeScript: Yes

2. Navigate to your project directory:

   cd my-app

3. Install project dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open http://localhost:3000 in your browser to view your application.

Additional Features

Using Tailwind CSS

1. Install Tailwind CSS and related dependencies:

   npm install -D tailwind postcss autoprefixer

2. Initialize Tailwind configuration files:

   npx tailwindcss init -p

   This will create tailwind.config.js and postcss.config.js.

3. Refer to the Tailwind CSS documentation for further customization and usage instructions.

Using Lucid UI

npm install lucid-react

you can check the note.txt for less details