Task Vibe

Description

TaskVibe is a project management web application designed to enhance team collaboration and productivity. It allows users to create, organize, and track tasks seamlessly, ensuring efficient workflow management. With features like Gantt chart visualization for project timelines, user authentication through AWS Cognito, and a responsive design powered by TailwindCSS, TaskVibe provides a user-friendly interface for both individuals and teams. Built with Next.js for the frontend and Express.js for the backend, it supports smooth API interactions and a robust development environment, making it an ideal tool for managing projects effectively.

Features

• Task Management: Create, update, and track tasks seamlessly. Team Collaboration: Organize tasks across multiple users for better productivity.
• Gantt Chart Integration: Visualize project timelines and task dependencies effectively.
• Authentication: Secure user access with AWS Cognito.
• Responsive Design: Styled with TailwindCSS for a clean, consistent UI across devices.
• Backend: Built using Express.js for API handling.
• Frontend: Developed with Next.js for fast and optimized web rendering. I- cons & UI Components: Uses Lucide icons, MUI components, and MUI icons.
• API Communication: Axios for smooth HTTP requests and data fetching.
• Deployment: Hosted on AWS for scalability and reliability.

Screenshots

Home Page

Project Baord

Timeline

Project Table

Search Page

User Profile

Tech Used

How to Setup :

Clone the repository:

git clone https://github.com/arushsingh03/TaskVibe ,

• got to main directory using - cd TaskVibe

Install dependencies in both client and server:

First: cd client npm install
Then go to the main directory by: cd ..
Again: cd server npm install for backend dependencies.

Set up the database:

• npx prisma generate Generates the Prisma Client for interacting with the database based on the schema defined in schema.prisma.

• npx prisma migrate dev --name init Applies pending database migrations in development and creates a new migration file named "init" based on the current schema.

• npm run seed Executes the seed script defined in package.json to populate the database with initial data for development and testing.

Configure environment variables:

• .env for server settings, PORT, DATABASE_URL
• .env.local for client settings, NEXT_PUBLIC_API_BASE_URL
• Run the project npm run dev for both client and sever make sure your server running....

If all goes smoothly, your app should be accessible locally at:

localhost:3000

Live at