Git Product home page Git Product logo

bestcommunityservice's People

Contributors

aneuhold avatar

Watchers

 avatar

bestcommunityservice's Issues

Services Page

Add a services page which shows the different services the location offers.

AC 1: A services object that holds information on the different services is located in the project files.
AC 2: The services page makes use of the services object

Catering Sign-Up Page

A catering sign-up page. The idea is to have a page where they can see available dates and pick one that is available.

AC 1: Some kind of calendar component is implemented. Probably from a library. It is visible from the page.
AC 2: A form is built with some basic options such as name, company, comments, phone number, etc.

Services Formatting

Low priority. The services page could have formatting so that the actions at the bottom of the card are at the bottom of the card regardless of height.

AC 1: The services cards look better

Shuttle Request Page

Basic shuttle request page, where the dominant information is making a phone call, but there is an option for a form too.

AC 1: Prominent phone number to call is visible
AC 2: Form is also available as a second option
AC 3: Display them as options, with an intuitive flow

Calendar Page

Make a calendar page. Maybe use some other library for this? Something a little more descriptive perhaps.

AC 1: Calendar page has a big picture view of the different events happening.

Create New Account Page

A create new account page should be built

AC 1: New account creation page linked from login page
AC 2: Should have the basic stuff for creating an account

Login Page

Login Page with username and password entry as well as "create new account" button

AC 1: Username and password entry
AC 2: Create new account button at the bottom

Equipment Reservation Page

A page with equipment that can be reserved. Likely it will have a similar view to the #7 , but with a visual set of items to choose from in the filter section.

AC 1: A UI similar to the space reservation page
AC 2: Visual options for the equipment to reserve

Donation Page

A donation page with a button.

AC 1: Donation title of the page
AC 2: Button in the center that doesn't really do anything right now.
AC 3: A donation button is added to the home page

About Page

Do something with the About Page

AC 1: Lorem Ipsum used

External Services Page

A page for external services.

AC 1: It has something that shows a number to call for in-home services.
AC 2: A description of each thing that is available

Volunteering Sign-Up Page

A volunteering page that has a form people can use to sign up.

AC 1: Form has key fields for signing up
AC 2: Form has a submit button

Not Yet Implemented Modal

A modal that says that a feature is not yet implemented.

AC 1: Should be able to be quickly dropped in to any component

Class Sign-Up Page

A class sign-up page that has some kind of data table that shows the up-coming classes and things.

AC 1: Table of some kind shows currently scheduled classes
AC 2: There is an option somewhere to sign up for the classes
AC 3: Each class has a number of spots taken, instructor, and description

Space Reservation Page

A space reservation page with a calendar, and other items formatted roughly like the drawing below:

IMG_20210206_152920

AC 1: A calendar view with color coding for availability
AC 2: A filter at the top that can be used to filter by event type, event length, and time range (like next 3 months, next year, etc)
AC 3: A data file with information on calendar events that lines up with the library used for the calendar
AC 4: When a day is clicked on, it opens up the available rooms underneath the calendar. They should be collapsible in mobile view, and show up as rows in the desktop view

Notes:

  • Maybe for the dynamic calendar view, this could be used.
  • Using date-fns because it seems more modern and it supports typescript

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.