Update README.md

This commit is contained in:
2024-11-19 22:16:42 -05:00
parent b4a05e0bcd
commit 1dea322cb7

View File

@@ -1,36 +1,83 @@
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app). # HRIStudio
A web platform for managing human-robot interaction studies, participants, and wizard-of-oz experiments.
## Features
- Role-based access control with granular permissions
- Study management and participant tracking
- Wizard-of-oz experiment support
- Data collection and analysis tools
- Secure authentication with Clerk
- Real-time participant management
- Study-specific data isolation
## Tech Stack
- [Next.js](https://nextjs.org/) - React framework with App Router
- [TypeScript](https://www.typescriptlang.org/) - Static type checking
- [Clerk](https://clerk.com/) - Authentication and user management
- [Drizzle ORM](https://orm.drizzle.team/) - TypeScript ORM
- [PostgreSQL](https://www.postgresql.org/) - Database
- [TailwindCSS](https://tailwindcss.com/) - Utility-first CSS
- [Shadcn UI](https://ui.shadcn.com/) - Component library
- [Radix UI](https://www.radix-ui.com/) - Accessible component primitives
- [Lucide Icons](https://lucide.dev/) - Icon system
## Getting Started ## Getting Started
First, run the development server: 1. Clone the repository:
```bash ```bash
npm run dev git clone https://github.com/yourusername/hristudio.git
# or
yarn dev
# or
pnpm dev
# or
bun dev
``` ```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. 2. Install dependencies:
```bash
pnpm install
```
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. 3. Set up environment variables:
```bash
cp .env.example .env
```
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel. 4. Set up the database:
```bash
pnpm db:push
```
## Learn More 5. Start the development server:
```bash
pnpm dev
```
To learn more about Next.js, take a look at the following resources: 6. Open [http://localhost:3000](http://localhost:3000) in your browser
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. ## Project Structure
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome! ```
src/
├── app/ # Next.js app router pages and API routes
├── components/ # React components
│ ├── ui/ # Shadcn UI components
│ └── ... # Feature-specific components
├── context/ # React context providers
├── db/ # Database schema and configuration
├── hooks/ # Custom React hooks
├── lib/ # Utility functions and permissions
└── types/ # TypeScript type definitions
```
## Deploy on Vercel ## Development
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. - Run `pnpm db:studio` to open the Drizzle Studio database UI
- Use `pnpm lint` to check for code style issues
- Run `pnpm build` to create a production build
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details. ## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Contributing
Contributions are welcome! Please read our [Contributing Guide](CONTRIBUTING.md) for details on our code of conduct and the process for submitting pull requests.