Ninja Player is a dynamic web application that helps users find and play with players nearby for various sports and activities. Built with Next.js, React, and styled using Tailwind CSS, the app integrates Firebase for authentication and database management, and secures user authentication with NextAuth.
- Dynamic Next.js App: Utilizes the powerful features of Next.js for server-side rendering and static site generation.
- React: Provides a seamless and responsive user experience.
- Tailwind CSS: Modern utility-first CSS framework for styling.
- Firebase Integration: Manages user authentication and stores data securely.
- NextAuth: Implements secure user authentication.
- Node.js (v14 or later)
- npm or yarn
- Firebase Project Setup
- Environment variables for Firebase and NextAuth
-
Clone the repository:
git clone https://github.com/your-username/ninja-player.git cd ninja-player
-
Install the dependencies:
npm install
or
yarn install
-
Create a
.env.local
file in the root directory and add your environment variables for Firebase and NextAuth:NEXT_PUBLIC_FIREBASE_API_KEY=your_api_key NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_auth_domain NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_storage_bucket NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id NEXT_PUBLIC_FIREBASE_APP_ID=your_app_id NEXTAUTH_URL=http://localhost:3000 NEXTAUTH_SECRET=your_nextauth_secret
-
Run the development server:
npm run dev
or
yarn dev
-
Open http://localhost:3000 with your browser to see the app in action.
To deploy the application, you can use Vercel, which is the recommended platform for Next.js apps.
- Commit your changes and push them to GitHub.
- Go to Vercel and log in.
- Import your GitHub repository to Vercel.
- Follow the deployment instructions provided by Vercel.
Contributions are welcome! Please fork the repository and use a feature branch. Pull requests are warmly welcome.
- Fork the repository (
git clone https://github.com/your-username/ninja-player.git
) - Create your feature branch (
git checkout -b feature/fooBar
) - Commit your changes (
git commit -am 'Add some fooBar'
) - Push to the branch (
git push origin feature/fooBar
) - Create a new Pull Request
This project is licensed under the MIT License. See the LICENSE file for details.