kyoshinoda/schedulefinder

Find free times to hang out with friends or make new ones!

• 👋 Hello! My name is Kyoshi Noda. I'm a senior majoring in Computer Science <3
• 💻 Working as a Full Stack Software Engineer at SAS Institute.
• 👀 I’m interested in Machine Learning
• 🌱 I’m currently learning: TensorFlow, Pandas, Matplotlib, scikit-learn
• 📫 How to reach me: https://www.linkedin.com/in/kyoshi-noda/

schedulefinder's Issues

Create Remaining Tabs

Finish Tabs component

1. PasswordTab Component
2. PersonalTab Component

Fix Theme Bug

DELETE user endpoints

Setup + Configure Redux

Tasks

• #53
• #55
• - Configure Redux

Implement CRUD operations for Schedules

• GET Schedule endpoint
• #36
• #37
• #38

Implement CRUD operations for Accounts

• #10
• #11
• #13
• #14

Create Schedule Controller

Create Landing Page

• Create TSX + Styling
• Encapsulate components/ write business logic
• Update Router

Update Schedule Schema

Create Time Slot Generator Component

Create the input box for the schedule builder

Include the following fields:

1. Title
2. Start Time
3. End Time
4. Preset Colors
5. Location
6. Professor

Compare TimeSlots

Compare TimeSlots with each other

• Create an algorithm that compares timeSlots with other timeSlots. It should be able to do find matching and unmatching timeSlots.
  NOTES: For each timeSlot check for the day field as a different day will no longer be considered matched

• Create CompareSchedule page. This is where the logic to compare time slots will be.

Styling Issues with Accounts Page

Styling Issues

Can you please fix the following two issues below?

1. Logically Sync up current Tab with proper styles: hover:blue, text-blue, border:blue
   When Users click on a tab, it should dynamically change color to the current tab. While the other tabs remain gray.
2. Make Dropdown component in tune with other grid elements or center along other div elements
   Please align the dropdown component with the other grid elements. The template is grid-cols-2, grid-rows-3

Create Account Page

• #64
• Encapsulate components/ write business logic
• Update Router

POST user endpoint

Fix All Backend Problems/Concerns

• #57
• Fix timeSlot name in Model --> Made a separate ticket for this.
• #104

Create Proper TimeSlot

Create a TimeSlot that can be used throughout the whole project

A timeSlot should meet the following requirement's:

1. On client check if timeSlot is accurate (startTime is before endTime and not vice versa)
2. On client create a somewhat comparable value for start and end time. (Check DayJS, Date Objects, string conversion) This is tied with #76
3. On backend edit the mongoDB collection to either provide one value as time or provide some values for startTime and endTime

Render NavBar on certain Pages

Refactor server controllers

The DELETE, UPDATE, and CREATE operations should return the new updated, created, or deleted JSON object instead of the old one.

Create "find user" page

• Create TSX + Styling
• Encapsulate components/ write business logic
• Update Router

Create Route for Tabs Components.

User should be able to render "portions" of the page without rendering the other components.

Check React Router Documentation

Tasks

1. Create Styling with Hover on Tabs
2. Switch Pages based on tabs.

Create Navbar Component

- Install Redux in CLI

GET user endpoint

Setup + Configure NodeMailer

• Install Nodemailer
• set up basic email
• configure with dot env
• send out test email with random code

- set up basic Redux

POST Schedule endpoint

Setup Theme Toggle + Dark/Light

create toggle for dark/light mode

Return Schedule JWT

Return relevant document in based off given user signed in as

PATCH schedule endpoints

PATCH user endpoints

Styling Schedule with proper TimeSlot

Proper Styling for Schedules

As users input their timeSlots, it should dynamically insert the timeSlot into the schedule accurately. This includes the following:

1. Adjust the height and width of the timeSlot based off how long it is to the other timeSlots.
2. Correctly be inserted into the right day and time
3. Check if values inside the timeSlot is accurately (professor, color, location etc.)

Refactor update routes in userController

Authenticate and Authorize Users

• Authentication for user sign in
• Return JWT
• Authorize User before sending request with same token

Create Advanced User Filtering

Create an Filter for all the User fields

Create Filter component for the following filters (age, school, gender, major)

• Age should be a range input from certain age to certain age
• Gender should have a radio input selection type
• School and Major should follow the same logic as name filtering

Add image and age in user documents/collections

insert following fields into each document in DB

image : string url
age : int

Create Schedule Backend

• #26
• #29
• #32

Create TSX + Styling Account Page

Create Signup Page

• Create TSX + Styling
• #107
• Update Router

Setup + Configure Twilio for SMS

Tasks

• Install Twilio
• set up basic Twilio
• configure with dot env
• send out test SMS with random code

Functionality:
Provide 5 digit code send to phone messages in case user forgets password

Add major field to the User collection in the database

Create Login Page

• Create TSX + Styling
• Encapsulate components/ write business logic
• Update Router

POST schedule endpoint

Implement Further JWT

• Create Signup JWT
• Create Session Expiration
• Modify Login JWT with Expiration

Fix Responsiveness on Pages

• Login page
• Sign up page

Setup Prettier

Move prettier config to global folder

Setup + Configure Jest / Enzyme

React Testing

• Configure either React testing
• run a couple test

Functionality : Check for react errors, for use state, redux, etc.

Schedule Logic

Creating Schedule Logic

NOTES:

1. We will make all of these into its own issues and provide further requirements and details there.
2. Do NOT create a branch for development for this issue specifically. But rather create branch on each issue below

• #75
• #76
• #77

Create Schedule Schema/Model

DELETE schedule endpoints