Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/arushsingh03/taskvibe
TaskVibe is a project management website that helps users organize, assign, and track tasks efficiently, enhancing collaboration and productivity among teams.
https://github.com/arushsingh03/taskvibe
amplify aws cognito expressjs gantt-chart material-ui nextjs taiwindcss
Last synced: 16 days ago
JSON representation
TaskVibe is a project management website that helps users organize, assign, and track tasks efficiently, enhancing collaboration and productivity among teams.
- Host: GitHub
- URL: https://github.com/arushsingh03/taskvibe
- Owner: arushsingh03
- Created: 2024-10-10T10:21:48.000Z (28 days ago)
- Default Branch: master
- Last Pushed: 2024-10-15T17:50:18.000Z (23 days ago)
- Last Synced: 2024-10-17T01:31:36.127Z (22 days ago)
- Topics: amplify, aws, cognito, expressjs, gantt-chart, material-ui, nextjs, taiwindcss
- Language: TypeScript
- Homepage: https://master.dmr9kb15c78py.amplifyapp.com/
- Size: 16.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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
