Grizzly Hacks

Description

The Grizzly Hacks client, which is a RSO of people who are interested in Hackathons, has tasked the team to work on their previous website, update it with modern features, and to add new components that will allow the clients and future users to access a website that will easily portray news, host events, and provide information about previous Hackathons. The website should have different authentication levels that allow admins to easily edit and add new information onto the website, while users to gain access to features so they can join feature Hackathons and post submissions for current events.

Links

• [Deployed Project]
• [Project Documentation]

Technologies

• Node.js
• Angular
• Bootstrap
• HTML/CSS
• Firebase
• TypeScript

Working Features

• Real-time Application
• Social Media Links
• Registration System
• Sponsors Section
• FAQs

Installation Steps

Use the following commands to install Angular, creating a new project, and serving it.

1. clone the repo

   git clone https://github.com/GGC-SD/GrizzlyHacks
   

2. change directory

   cd GrizzlyHacks/WebPage/GGCHacks
   

3. install the repo with npm

   npm install
   

4. install the Angular command-line tool

   npm install -g @angular/cli
   

5. create file environments/environment.ts with the following content and replace the ... section with the correct Firebase keys.

// This file can be replaced during build by using the `fileReplacements` array.
// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
// The list of file replacements can be found in `angular.json`.

export const environment = {
  production: false,
  firebase : {
    ...
  }
};

/*
 * For easier debugging in development mode, you can import the following file
 * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
 *
 * This import should be commented out in production mode because it will have a negative impact
 * on performance if an error is thrown.
 */
// import 'zone.js/dist/zone-error';  // Included with Angular CLI.

1. serve the project

ng serve

1. After these steps, go to http://localhost:4200 in your browser.
   Below is a screenshot of the home page of the website.Only the admins will be able to see the Admin Dashboard.
   
   

Website Wizards - Fall 2024

• Kenny Amador 👷

  • Data modeler
  • Client Liaison

• Destiny Lowe 🖌️

  • UI/UX Specialist
  • Documentation Lead

• Jimmy Phan 💻

  • Lead Programmer/Code Architecture
  • Testing Lead

• Daniel Santoyo 💻

  • Project Manager
  • Programmer/Code Architecture

Original Contributors

• Josh Beers 👑
  • Lead Programmer
  • Project Manager
• Danielle Battle 🎨
  • UX/UI
  • Document Lead
• Anne Joseph 📊
  • Data Modeler
  • Testing Lead

Project Flyer and Video

All the features are demonstrated in this video. You can also view our website by clicking on this link.

Repo Link

Repo Link