https://github.com/harrykamboj1/teleport-assignment
https://github.com/harrykamboj1/teleport-assignment
nextjs reactjs tailwindcss
Last synced: 7 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/harrykamboj1/teleport-assignment
- Owner: harrykamboj1
- Created: 2024-09-12T04:32:23.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-12T05:44:11.000Z (about 1 year ago)
- Last Synced: 2025-01-21T05:27:08.410Z (9 months ago)
- Topics: nextjs, reactjs, tailwindcss
- Language: TypeScript
- Homepage: https://teleport-assignment-fosk.vercel.app/
- Size: 219 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# User Registration Form
A dynamic and responsive user registration form built with Next.js, React, and TypeScript. This project demonstrates a multi-step registration process with state management, form validation, and backend integration.
## Features
- Multi-step registration process
- Dynamic form field rendering
- State management using Zustand
- Form validation with Zod
- Responsive design with Tailwind CSS
- Backend integration with Next.js API routes
## Getting Started
### Prerequisites
- Node.js (v14 or later)
- npm or yarn
### Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/user-registration-form.git
cd user-registration-form
```
2. Install dependencies:
```bash
npm install
```
or
```bash
yarn install
```
3. Run the development server:
```bash
npm run dev
```
or
```bash
yarn dev
```
4. Open [http://localhost:3000](http://localhost:3000) in your browser to see the application.
## Project Structure
- `/src/app`: Next.js app router components
- `/src/components`: Reusable React components
- `/src/lib`: Utility functions
- `/src/store`: Zustand store for state management
- `/src/schemas`: Zod schemas for form validation
- `/pages/api`: Next.js API routes for backend logic
## Technologies Used
- [Next.js](https://nextjs.org/)
- [React](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Zustand](https://github.com/pmndrs/zustand)
- [Zod](https://github.com/colinhacks/zod)
- [MongoDB](https://www.mongodb.com/)
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.