Server setup

.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

README.md

@@ -1,48 +1,64 @@
-# [your app name here]
+# KulBoard
 
 CodePath WEB103 Final Project
 
-Designed and developed by: [your names here]
+Designed and developed by: Manya Bondada and Arpit Singh
 
 🔗 Link to deployed app:
 
 ## About
 
 ### Description and Purpose
 
-[text goes here]
+The Family Task Management App is a comprehensive web platform designed to facilitate seamless communication and coordination within families. It provides a user-friendly interface for family members to collaboratively plan, assign, and track tasks. Users can create and manage tasks, assign them to themselves or others, and receive notifications for upcoming responsibilities. The app features a shared task calendar, enabling users to view daily, weekly, or monthly schedules. It also includes a messaging system for family members to discuss tasks and updates. The app's primary goal is to simplify task management and improve the organization of household chores and responsibilities, ultimately enhancing the overall quality of family life.
 
 ### Inspiration
 
-[text goes here]
+Our team's inspiration for this project arises from a shared understanding of the complex dynamics within modern families. We've collectively recognized the challenges faced by working family members, who often struggle to balance their professional commitments with household chores and responsibilities. Witnessing instances where miscommunication led to significant disruptions in daily routines reinforced our determination to develop a solution that promotes transparent and efficient communication. By collaborating on the creation of a comprehensive web app, our aim is to provide a platform that enables seamless task management and facilitates effective coordination among family members. Our collective vision is to foster a more organized and harmonious family environment, where every member can thrive and contribute to a smoother daily life experience.
 
 ## Tech Stack
 
-Frontend:
+Frontend: React.js, HTML/CSS
 
-Backend:
+Backend: Express.js, Node.js, Postgres
 
 ## Features
 
-### [Name of Feature 1]
+### User Profiles
 
-[short description goes here]
+Each family member creates their own profile within the app, allowing them to personalize their settings and manage their responsibilities.
 
 [gif goes here]
 
-### [Name of Feature 2]
+### Task Management
 
-[short description goes here]
+Users can add, edit, and delete tasks, specifying details such as task name, description, deadline, and any special requirements. Tasks can be categorized by type (e.g., household chores, childcare, work-related).
 
 [gif goes here]
 
-### [Name of Feature 3]
+### Monthly/Daily Task Views
 
-[short description goes here]
+Users can view tasks in different calendar formats as well as filter tasks based on board members to see who is assigned with which tasks.
 
 [gif goes here]
 
-### [ADDITIONAL FEATURES GO HERE - ADD ALL FEATURES HERE IN THE FORMAT ABOVE; you will check these off and add gifs as you complete them]
+### Family Board Creation/Deletion
+
+Owners have the ability to create and customize family boards, setting the foundation for family-wide task management.
+
+[gif goes here]
+
+### Adding/Removing Family Members
+
+Owners can invite and add family members to the board, allowing for collaboration. Owners can remove family members from the board when necessary
+
+[gif goes here]
+
+### Search Functionality
+
+Users can search for specific tasks, family members, or previous task history within the family board.
+
+[gif goes here]
 
 ## Installation Instructions
 

client/.eslintrc.cjs

@@ -0,0 +1,20 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  settings: { react: { version: '18.2' } },
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}

client/README.md

@@ -0,0 +1,8 @@
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

client/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>KulBoard</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>