Skip to content

Murnster/SimpleSport

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SimpleSport: Team Management Application

This project was created for my Capstone Project at Acadia University. The goal was to create a web application using React, which I had not used before! The concept behind it was to relate my project to my experience during my school years. As President of the Acadia Men's Rugby Club, I had to management many aspects of the team day-to-day. I wanted to create a simple management app that I could use in lieu of spreadsheet to manage all the data!

Instructions

You will need React, Node, Express and MySQL to run the project. The steps below will help users try out the program.

Download the code

Navigate to both the client and server directories. Here you will need to run npm install to get all dependencies for both.

In one terminal, navigate to client. Run npm start to start the React app. It should run on http://localhost:3000 by default.

In another terminal, navigate to server. Run npm run dev to start the server. This will run on port 5000.

Go to database.js and master.sql in server. In MySQL, create a table. Copy all the master.sql commands and run them in your table. Change the database.js file to work with your MySQL.

Open http://localhost:3000 and check it out! Thanks for reading!

Functionality

Dashboard

View weekly schedule, quick create an event, view short roster details and quick message team

dashboard2

Schedule

Create, edit, delete events on your team's Schedule using FullCalendar

schedule

Roster

Create, edit, delete team members on your team's roster

roster

Messenger

Select team members or member roles to messenge via email using Email JS

messenger

Settings

Edit team name, select home screen and add new event or member types

settings

Database schema

dbshema