Light

gathering401 / gathering-frontend Goto Github PK

View Code? Open in Web Editor NEW

2.0 1.0 0.0 1.07 MB

This is a front-end built with React using JavaScript to consume Gathering's API built by the same group.

Home Page: https://gathering401.netlify.app/

License: MIT License

HTML 8.51% CSS 9.41% JavaScript 82.09%

react twilio gathering

gathering-frontend's Introduction

Gathering-Frontend

This is an front-end built React using JavaScript.
This front-end will be used to interface the back-end to finish building the full web application.

Gathering is a place to create events that can be shared with certain groups of people.
One user can be part of multiple groups, can create events, inviting whatever groups they might be a part of.
Using Twilio for event notifications through text messages. People can respond to accept or decline invites, or Twilio can just remind the user of upcoming events.

Developer Team

Enrique Hilst	Christian Lievrouw	Jen Jones	Arik Mackenburg	Jon Struve
Enrique GitHub	Christian GitHub	Jen GitHub	Arik GitHub	Jon GitHub
Enrique LinkedIn	Christian LinkedIn	Jen LinkedIn	Arik LinkedIn	Jon LinkedIn

Deploy Status Badge

Goals for the Future

As for where we want to take this, a few of the features that we've thought of so far include (in no particular order):

Some sort of calendar (long term)
Button to leave a group
Validation to make sure proper information is entered when creating a user
Some sort of profile page
Logo
Maybe styling stuff?

gathering-frontend's People

Contributors

Stargazers

Watchers

gathering-frontend's Issues

Create sidebar - all pages

create page - group event list page

group name
all events
members listed

permissions development

add login persistence

Need to use cookies or local storage to make login persist.

https://github.com/DeltaVCode/cr-dotnet-401d2/blob/master/Class39/Demo/my-first-react-app/src/contexts/auth.js

create group form

post to create group (current user is already added)

create form - invite current Gathering user to group

Invite user by ID

Enter user's ID
Show user's name to confirm
POST method to add confirmed user to group member list

create form - new group event

fields to pull:

event name
location
cost
bool food
date
start time
end time
description

https://github.com/Gathering401/Gathering-Backend/blob/master/GatheringAPI/Models/Api/EventDto.cs

create form - forgot password

create event detail modal

create group event interface page

information about the event, attendees, time, location, option to invite a new member, create event button

invite current Gathering user to a group by username or email

Currently adding users to groups by their ID number. Backend would have to be modified to allow for searching by other user info.

Azure hosting set-up

create react project via node.js

integrating CORS on back-end Gathering app

animate link with gathering text animation

Reverse button 2 animation so that text gathers together on hover

https://codepen.io/davidicus/pen/emgQKJ

styling - user front page

Add styling to user front page

create form - new member sign-up

required fields in db:

first name
last name
username
password
birthday
email
phone

https://github.com/Gathering401/Gathering-Backend/blob/master/GatheringAPI/Models/Api/RegisterData.cs

setup login on front-end gathering app.

create user home page

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.