The Club for You
Overview
The Club for You aims to provide a directory for UH Manoa student clubs, both registered and unregistered. This way, it will be easy for students to see what different clubs are out there and how they can join them.
Each club’s entry will have (as many as applicable):
- a description
- meeting times / locations
- a club website URL
- contact information
- a few photos
User Guide (Screen Shot of Each Page Section )
Landing page
The landing page will provide a basic idea of the project to the user and have a explanation to the users on how to use it.
Contact page
Clubs page
The Clubs page will show all of the clubs who use The Club for You. Each club also has tag(s) that the user can click on to see other, similar clubs.
- Clubs Information (Description, Meeting time, Location etc.)
Browse clubs by interest area(s)
- Each clubs has specific interest tag on, so users can find them if they are interested in that specific area.
Favorites page
On the Clubs page, you can designate your favorite clubs by clicking on the heart ♡ icon on a club’s card. Then, those clubs will show up on the Favorites page.
- Clicking the heart ♡ icon again will remove the favorite designation from the Club (un-favorite it).
Events page
- Calendar of events hosted and/or related to clubs who use The Club for You.
Edit a Club page (Admins only)
- Identical to the Clubs page except that each club’s informational card has an “Edit” option that links to the Edit Club form.
Add a New Club page (Admins only)
My Clubs page (Club accounts only)
- Functions: View/Edit Club (Their Own Clubs)
- Note: Can not change the owner of any of the clubs. For that, a club must contact an admin.
Add Event page (Club accounts only)
A Club account can add events (for their own clubs) to the Event calendar.
Mockup Page example
Community Feedback
A summary of our community feedback questionnaire responses (as of December 15, 2021).
Score of the website
Did you find the website helpful? If not, please explain why.
- Yes, we can easily find favorite clubs and interests
- Simple website to help you find the club you want
- Interesting format
- Useful information
Anything we can do to help your experiences in our website?
- Filter function is good for selecting what you want, but it sometimes shows nothing, maybe due to low club numbers for the filter tag
- UI design
- After you login, I hope there will be indication that you had logged in, rather than the site jumping back to the start
- Maybe more pictures
- The overall design is great. A little suggestion for the club section: more details about the clubs, maybe more pictures or comments from the club members.
Any suggestions?
- increase more clubs, good job for this awesome website
- more functional features
- format is not scaled for phone users
- change the typography on the mobile phone website
- UI is well designed, really enjoyed using the website
Please describe your experiences in a few sentences
- Good experience due to the nice GUI and functions, but needs more clubs.
- Useful tool for a new student to learn more about clubs at UHM.
- Since you have the sign-in function, there can be more functional features, like commenting on a club.
- Confused at first whether I was logged in or not. There is no sign of being logged in or not.
- It helped me look up some information on the different clubs in UH, and also having the contact information guide me to the next step.
- I had a great experience using this website. There are lots of choices for clubs and all of them are categorized. It really helps me to find the one I want and I could save to my favorites.
Developer Guide
Installation
First, install Meteor.
Second, go to https://github.com/the-club-for-you/the-club-for-you, and click the “Use this template” button. Complete the dialog box to create a new repository that you own that is initialized with this template’s files.
Third, go to your newly created repository, and click the “Clone or download” button to download your new GitHub repo to your local file system. Using GitHub Desktop is a great choice if you use MacOS or Windows.
Fourth, cd into the app/ directory of your local copy of the repo, and install third party libraries with:
$ meteor npm install
Running the system
Once the libraries are installed, you can run the application by invoking the “start” script in the package.json file:
$ meteor npm run start
If all goes well, the application will appear at http://localhost:3000.
TestCafe Result
TestCafe tests and ESLint will check that the app runs properly after every changes commit to the master branch.
A sample screenshot of TestCafe test results:
Current test result status of the master branch:
Application Design
The Club For You is build based upon meteor-application-template-react. Please use the videos and documentation at those sites to better acquaint yourself with the basic application design and form processing in The Club For You.
Development History
Milestone 1 (done): ( link )
Milestone 2 (done): ( link )
Milestone 3 (done): ( link )
Contact Us
Team Radical Unicorns of ICS 314 at the University of Hawaii at Manoa, Fall 2021
- JingZhe Feng (jingzhef@hawaii.edu)
- Trevor Kansaki (tkansaki@hawaii.edu)
- Malia Liu (malialiu@hawaii.edu)
- Joy Okimoto (jokimo@hawaii.edu)
Deployment on Digital Ocean
Please visit uhmtheclubforyou.xyz.
GitHub Organization
The repositories for this website as well as the application are available at: https://github.com/the-club-for-you.