This project is built using Next.js and Firebase. It leverages the powerful combination of Next.js for server-rendered React applications and Firebase for backend services like authentication, Firestore, and hosting.
- Next.js: Server-side rendering, static site generation, and API routes.
- Firebase: Authentication, Firestore database, hosting, and more.
- Real-time Updates: Using Firestore's real-time capabilities.
- Secure Authentication: Managed with Firebase Authentication.
- Hosting: Deployed with Firebase Hosting for fast and secure delivery.
Before you begin, ensure you have the following installed:
- Node.js (v14 or later)
- Firebase CLI (for deployment)
- Git (for version control)
-
Clone the Repository
git clone https://github.com/CharathDev/workout-app.git cd workout-app -
Install all dependencies
npm install
-
Set up the firebase config variables Create a Firebase project in the Firebase Console.
Add your Firebase project's configuration to a .env.local file at the root of your project:
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
-
Run the developtment server
npm run dev
-
Open the developtment server
Open http://localhost:3000 with your browser to see the result.