gbowne1/reactsocialnetwork

[feature]: Further enhance the Event component

Open

#146 opened on Mar 20, 2023

View on GitHubContributor guide
 (6 comments) (0 reactions) (0 assignees)JavaScript (60 forks)auto 404
cssdesignenhancementfeaturefrontendgood first issuehelp wantedmedium-complexitymedium-priority

Repository metrics

Stars
 (46 stars)
PR merge metrics
 (PR metrics pending)

Description

Is your feature request related to a problem? Please describe.

Some minor enhancements to the Event component are needed

  • No way to set event as Private or Public Event
  • No Start and End time set
  • Check mark for reoccurring event
  • Google Maps pin location
  • Some way to edit or reschedule events. Would close the event but push notications to event subscribers that the event was changed.
  • Some way to cancel events with or without rescheduing.
  • Some way of marking the events as personal timeline events [Birthday, Anniversary, Birth, etc.]
  • That is still quite a bit of white space between the event picture and the buttons on the right side of the event

Describe the solution you would like

Not sure at this point but we should make use of the browsers internals for some things that do not require extensive security.

Describe the alternatives you have tried

Facebook and Nextdoor have similar workflows but still leave a lot to be desired.

Additional context

Other ideas welcome

Contributor guide

Research direction
Examine the Event component structure and implement the listed features: add state for public/private and start/end time, integrate Google Maps API for location, add reoccurring checkmark, and create modals for editing/rescheduling/cancelling events with push notifications.
Tech stack
javascriptreactcss
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
ReactGit
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65