Skip to content

Repository files navigation

Random American User Profile Generator

Next.js React Tailwind CSS License

A modern web application that generates random user profiles with comprehensive personal information.

Random User Profile Generator

DemoReport BugRequest Feature


✨ Features

  • 📋 Generate random user profiles with detailed information
  • 👤 Personal details including name, gender, birthday, physical attributes
  • 📞 Contact information with address, phone, email
  • 💳 Financial details with credit card information
  • 💼 Professional information including occupation and company
  • 🔐 Account information with username and password
  • 📱 Responsive design works on all devices
  • 🎨 Beautiful UI with animations using Framer Motion

🛠️ Built With

Next.js
Next.js 15
React
React 19
Tailwind
Tailwind
Shadcn UI
Shadcn UI
Framer Motion
Framer Motion

📋 Prerequisites

  • Node.js 18.0 or higher
  • pnpm (recommended) or npm

🚀 Getting Started

Installation

  1. Clone the repository:

    git clone https://github.com/dielect/random-user-info.git
    cd random-user-info
  2. Install dependencies:

    pnpm install
    # or
    npm install
  3. Start the development server:

    pnpm dev
    # or
    npm run dev
  4. Open http://localhost:3000 in your browser.

🌐 Deployment on Vercel

This project is designed to be easily deployed on Vercel:

  1. Fork this repository or push your code to your GitHub account
  2. Sign up/in on Vercel
  3. Create a new project and import your repository
  4. Vercel will automatically detect Next.js and configure the build settings
  5. Click "Deploy" and Vercel will handle the rest!

Deploy with Vercel

📝 API Usage

This project uses the Address API to generate random user information.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

📬 Contact

Your Name - dielectric.army@gmail.com

Project Link: https://github.com/dielect/random-user-info


⭐️ If you found this project helpful, please give it a star on GitHub! ⭐️

About

Generate random American user profiles with comprehensive personal information. Built with Next.js, React 19, and Tailwind CSS. Features include detailed personal, contact, financial, and professional information with beautiful animations.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages