Our project is a simple task management website that allows student groups to organize and create tasks for their members to view and interact with.
- React
- Vite
- Typescript
- BootStrap
- react-router-dom
- Firebase:
- @types/prop-types: 15.7.13
- @types/react: 18.3.12
- @types/react-dom: 18.3.1
- @types/react-transition-group: 4.4.11
- @vitejs/plugin-react: 4.3.3
- react-refresh: 0.14.2
- typescript: 5.7.2
- vite: 5.4.11
-
Open VsCode and select 'clone repository'
-
Paste this link into your repo search bar and clone the repo
https://github.com/CSC-3380-Fall-2024/Team-5.git
-
Use the "firebase.ts" file and place it in the "firebase" folder (3380 Project/src/firebase) should look like:
-
Open up a new terminal inside your project and navigate to the '3380 project' folder
cd "3380 Project"
-
Install Firebase
npm install firebase -
Create a local server to view the website
npm run dev -
If there is any problems with "node_modules", you may have to install packages
npm install -
Otherwise, proceed on the website and sign in
The first tab allows you to create new tasks and categories. You can also edit each task by clicking on it and it will update on the backend once you click off of it.
The second tab allows you to view all tasks that are available to be picked up. By selecting one, your name will display. We intended for this to be displayed for everyone on the same project but couldn't get it done in time.
The third tab allows you to view everyone's current task and progress. The table renders everyone in a project and only the current user can add an update note.
The last tab allows you to create task shapes and organize them in a way where you can view which tasks need to be completed before another.
This feature allows users to make new tabs where you can view various projects once clicked. Right now there is a module for you to connect to a new project but we couldn't finish the functionality in time so for now the website can only be viewed as a single project.
