https://github.com/mehul515/collabrix-frontend
This repository contains the Next.js frontend, providing an intuitive and responsive UI that connects with the Spring Boot backend.
https://github.com/mehul515/collabrix-frontend
approuter axios lucide-react nextjs shadcn-ui tailwindcss typescript vercel
Last synced: 3 months ago
JSON representation
This repository contains the Next.js frontend, providing an intuitive and responsive UI that connects with the Spring Boot backend.
- Host: GitHub
- URL: https://github.com/mehul515/collabrix-frontend
- Owner: mehul515
- Created: 2025-06-17T15:42:38.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-17T20:35:45.000Z (about 1 year ago)
- Last Synced: 2025-08-24T17:56:43.154Z (10 months ago)
- Topics: approuter, axios, lucide-react, nextjs, shadcn-ui, tailwindcss, typescript, vercel
- Language: TypeScript
- Homepage: https://collabrix-dev.vercel.app
- Size: 166 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Collabrix Frontend
🎯 **Collabrix** is a collaborative project management platform.
This repository contains the **Next.js frontend**, providing an intuitive and responsive UI that connects with the Spring Boot backend.
---
## 🌐 Features
- 🔐 User authentication and session management
- 🧩 Create and manage projects
- 👥 Invite and manage project members
- ✅ Assign and track tasks
- 📊 Responsive UI using Tailwind CSS
- 🔗 API integration with Spring Boot backend
---
## 🚀 Live Demo
🔗 Access the deployed frontend here:
**[https://collabrix-dev.vercel.app](https://collabrix-dev.vercel.app)**
---
## 📦 Tech Stack
- **Next.js**
- **React**
- **Tailwind CSS**
- **Axios** for API communication
- **Framer Motion** (for animations)
---
## 🔐 Sample Environment Variables
Create a `.env.local` file in the root and add the following:
```env
NEXT_PUBLIC_API_BASE_URL=http://localhost:8081/api
# For production (e.g., Render backend)
# NEXT_PUBLIC_API_BASE_URL=https://collabrix-backend.onrender.com
````
> ⚠️ Do not commit `.env.local` to GitHub.
---
## 📦 Getting Started Locally
### 1. Clone the repository
```bash
git clone https://github.com/mehul515/Collabrix-Frontend.git
cd Collabrix-Frontend
```
### 2. Install dependencies
```bash
npm install
```
### 3. Run the development server
```bash
npm run dev
```
Frontend will be available at: `http://localhost:3000`
---
## 📦 Production Build
```bash
npm run build
npm start
```
---
## ☁️ Deployment Notes
This frontend is deployed using [**Vercel**](https://vercel.com/) for seamless integration with Next.js.
In your Vercel project settings, set the following environment variable:
```env
NEXT_PUBLIC_API_BASE_URL=https://collabrix-backend.onrender.com/api
```
Once set, trigger a redeploy and you're live 🎉
---
## 🔗 Related Projects
* 🧠 [Collabrix Backend (Spring Boot)](https://github.com/mehul515/Collabrix-Backend)
---