Giter Site home page Giter Site logo

website's Introduction

9651 Robotics is Upper Canada College's robotics team! On our website, you can find out what our club is, what we do, and even check in for attendance!

This website is made in PHP (mostly because the old one was, and because it's a simple account system). For our front end, we use Bootstrap and Font Awesome.

You can check out our old code if you'd like, but it's not very well done.

Setup

In order to run the Team 9651 Website locally, you'll need a few things.

  • A MySQL server, to store and access the information used in the web application
  • A PHP/Apache server stack, to run the PHP code that's used in the WebApp
  • Git, to clone this repository
  • A Browser, to view the website of course!

To download this repository, just type this in your command line:

git clone https://github.com/9651-Robotics/website.git

Server Installations

You can get a MySQL server + PHP/Apache Server, all bundled in one, using some packages. Which one you'll use depends on your Operating System.

  • Windows: WAMP
  • Mac: MAMP
  • Linux: While there isn't a dedicated bundle installer, you can follow these steps to get LAMP running.

After you're done that, we need to configure our MySQL Database. Luckily, we've done most of the work for you. You need to do two things.

1. Change the root password in common.php

In common.php, there's a section of code that looks like this:

$username = "root";
$password = "";
$host = "localhost";
$dbname = "robotics";

Ensure that your variables look like that. Then, we're going to change the $password string to "root".

It should now look like this:

$username = "root";
$password = "root";
$host = "localhost";
$dbname = "robotics";

2. Run the MySQL Setup Script

Now, you can run your WAMP/LAMP/MAMP configuration. Included in this repository is a file named setup.sql. Running this SQL script sets up all the Databases and Tables you'll need to run the PC website locally.

Conclusion

Once you're done these two steps, simply visit wherever the website repository was placed (we recommend placing the repository in your webroot, which depends on the server installation you use). And ta-da, you have your own working version of the Team 9651 Website!

Team

We'd like to thank @malsf21, @jacksarick, @obrien66, and @j0hnmace for helping out with this website.

website's People

Contributors

mattxwang avatar

Stargazers

 avatar

Watchers

 avatar  avatar

website's Issues

Attendance Visualisation

While it's not required, people do love graphs. Let's see if we can graph the attendance data using Charts.js

  • Integrate Charts.js for General Attendance Statistics
  • Use Charts.js for Individual Attendance Statistics

Content

Fill out all static content on the site. It'll take time, but I believe!

Club News

We haven't exactly figured out how we're going to do this yet, but we should have a site news section. We need to:

  • Figure out a way to efficiently distribute club news.
  • Implement said method of club news.

Club Attendance

One of the largest components of our website is our club attendance system. We need to create a hybrid of last year's system, and the new, more efficient DMCS version. Here's what we need for our barebones system:

  • Database Setup
  • Checkin Code System (Tied to Email)
  • Admin Center (Requires Password, View + Change Code, View Textual Statistics)

General Site Layout and Static Content

Obviously, our site needs layout and content. Here's what we need to do:

  • Finish Static Site Layout (Home, About, Programs, Resources, Contact)
  • Home Content (Club Overview, Latest News)
  • About Content (General Information, Vision, History)
  • Programs Content (Competitions, Hackathons, Horizons, Workshops, General Meetings, Sponsored Projects)
  • Resources Content (Core, Guided and Further Learning)
  • Contact Content (Team, Contact Info)

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.