App Development Club at Oregon State University

CascadiaJS Club Trip Plans - Summer 2024

Tue, 14 May 2024 00:00:00 GMT

Welcome back to our blog, App Developers! We are taking four of our members to a fully-funded trip to a JavaScript conference in Seattle, called CascadiaJS.

Continue reading to learn more about CascadiaJS, our plans, and how you can sign-up.

What is CascadiaJS?

CascadiaJS is a conference hosted annually in Seattle, WA. You can learn more about the schedule on their website here Here is a list of things we will do while there:

Attend tech talks and a job fair
Talk and network with experienced engineers
After conference hours we will explore Seattle!
Enjoy food as a club!

Registration Details

Here is the link to the registration form: https://forms.gle/bzZhAu3a8w9mWhuL8

Please make sure to read all of the Event Details below before registering. We are placing preference to members who can leave from either Corvallis or Portland and those have attended the App Development Club meetings regularly.

All Event Plans

Travel Plan:

Dates: June 20th - June 21st

Depending on where you are on Thursday, June 20th, there are a few transportation options to get to Seattle:

Take a FlixBus from Corvallis at 8:00am
Take a FlixBus from Portland at 8:30am or 10:40am.

We will be leaving the conference on Friday, June 21st, and there are a few transportation options to get back to Oregon:

Take a FlixBus from Seattle at 4:20pm, gets to Corvallis at 10:00pm or Portland at 7:50pm.
Take a FlixBus from Seattle at 5:50pm, gets to Portland at 9:10pm.

Hotel Room Details

Once you are there, you will get checked into your hotel room at The Inn at Virginia Mason, which is a 5 minute walk from the event center!

We will be pairing people to share a room (two different beds), but we may be able to accommodate a few people who aren't comfortable sharing a room with anybody. You will be able to state your preference in the registration form, but nothing is guaranteed.
You will also be able to say in the registration form who you prefer to share a hotel room with.

Food Details

Three meals will be provided:

Upon arriving to Seattle, we will cover lunch.
As a club, we will go out for a dinner on Thursday night after the first day.
Brunch on the day we leave.

Thats it! If you have more questions, please ask an officer.

Style/Typography Guide For Our Blog

Thu, 22 Feb 2024 00:00:00 GMT

Thumbnails

Post thumbnails are sized 960 x 480 pixels. The recommended file format is webp, but jpg and png are also acceptable. Make sure to use a descriptive filename, put it in the public directory, and reference it in the front matter.

The image generally doesn't need to match the title of the post, but it should be relevant to the content. Here's an example of a blog post thumbnail:

Headings

The following HTML <h1>—<h6> elements represent six levels of section headings. <h1> is the highest section level while <h6> is the lowest.

H1

H2

H3

H4

H5

H6

Paragraph

Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.

Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.

Images

Syntax

![Alt text](./full/or/relative/path/of/image)

Output

Blockquotes

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations.

Blockquote without attribution

Syntax

> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
> **Note** that you can use _Markdown syntax_ within a blockquote.

Output

Tiam, ad mint andaepu dandae nostion secatur sequo quae. Note that you can use Markdown syntax within a blockquote.

Blockquote with attribution

Syntax

> Don't communicate by sharing memory, share memory by communicating.<br>
> — <cite>Rob Pike[^1]</cite>

Output

Don't communicate by sharing memory, share memory by communicating.<br> — <cite>Rob Pike[^1]</cite>

[^1]: The above quote is excerpted from Rob Pike's talk during Gopherfest, November 18, 2015.

Tables

Syntax

| Italics   | Bold     | Code   |
| --------- | -------- | ------ |
| _italics_ | **bold** | `code` |

Output

Italics	Bold	Code
italics	bold	`code`

Code Blocks

Syntax

we can use 3 backticks ``` in new line and write snippet and close with 3 backticks on new line and to highlight language specific syntac, write one word of language name after first 3 backticks, for eg. html, javascript, css, markdown, typescript, txt, bash

```html
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Example HTML5 Document</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>
```

Output

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Example HTML5 Document</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>

List Types

Ordered List

Syntax

1. First item
2. Second item
3. Third item

Output

First item
Second item
Third item

Unordered List

Syntax

- List item
- Another item
- And another item

Output

List item
Another item
And another item

Nested list

Syntax

- Fruit
  - Apple
  - Orange
  - Banana
- Dairy
  - Milk
  - Cheese

Output

Fruit
- Apple
- Orange
- Banana
Dairy
- Milk
- Cheese

Other Elements — abbr, sub, sup, kbd, mark

Syntax

<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.

H<sub>2</sub>O

X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>

Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.

Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.

Output

<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.

H<sub>2</sub>O

X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>

Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.

Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.

Project Onboarding - Fall 2025

Tue, 21 Oct 2025 00:00:00 GMT

Welcome to the blog, app developers! We are excited to onboard new members onto the team in preparation for the project we'll be doing this term. In this blog post, we'll outline all of steps you need to take to contribute to App Development Club projects.

Project Summary

This term, we will be working on a Live Bus Tracking app for OSU/LBCC students. Our main goal will be to replace a few existing apps, TransLoc (only shows BeaverBus), CTS (Only Corvallis Transit), and BeavUs (mixes both). BeavUs is probably the biggest "competitor" because they track both the CTS and BeaverBus. However, their interface leaves a lot to be desired, so we have a good opportunity to improve what already exists in this market.

Here is everything you will need to setup for our club this term:

Become a Member
Install an IDE
NodeJS
Git
Figma

Project Setup

Become a Member

You are required to be on our GitHub member list in order to contribute to our repositories. Please DM the club President (Sebastian Torresola) on Discord - his handle is @torresos. Include your GitHub username in the DM, and we'll add you to the member list.

Install An IDE

If you are interested in contributing to code, you'll want to install an IDE. We recommend VSCode if you aren't sure about which one to get. You can find their download link here: https://code.visualstudio.com.

Once you've installed VSCode, there are a few extensions we recommend installing.

How to install an extension

Recommended Extensions

Docker
Python
Live Share
Prettier - Code formatter
Thunder Client (for API testing)
Tailwind CSS IntelliSense

Once you've installed your IDE and installed all the above extensions, you should be good to go for this section.

NodeJS

Lets install one of the more commonly used programming languages in our club, NodeJS.

You can find the installation here: https://nodejs.org/en

Follow the installer's instructions, no additional configuration is required.

Once completed, ensure NodeJS is installed by doing the following.

MacOS:

Press Command + Space
Search 'Terminal' and open it
Type node --v
You have Python installed if you see something like: v?.?.?

Windows:

Press your Windows key
Search for Command Prompt and open it
Type node --v
You have Python installed if you see something like: v?.?.?

<!-- ### Python

For now, our BeavsAI backend is written in Python and FastAPI. We may change this in the future, but lets install Python just in case.

Install the latest Python version (3.13.0) here: https://www.python.org/downloads/

Follow the installer's instructions, no additional configuration is required.

Once completed, ensure Python is installed by doing the following.

MacOS:

Press Command + Space
Search 'Terminal' and open it
Type python3 --version or python --version
You have Python installed if you see something like: Python 3.?.?

Windows:

Press your Windows key
Search for Command Prompt and open it
Type python3 --version or python -version
You have Python installed if you see something like: Python 3.?.?

--- -->

Git

Git is the way our club shares code and maintains a version history of our code. It is the industry-standard but our school doesn't do the best job of teaching it (until CS 362), so its better you get to learn this tool now.

You can download it here https://git-scm.com/downloads.

Once downloaded, verify the installation by opening your Terminal/Command Prompt and typing git -v. If you get something like: git version ?.?.?, you have successfully installed git.

Docker (optional)

We use typically Docker to make developing apps across different types of devices easier and also deploy apps quickly and reliably. If you haven't heard of Docker or want to learn more, check the docs out: https://docs.docker.com/get-started/workshop/

To install Docker, click on the "Download Docker Desktop" button on this webpage: https://www.docker.com/

Follow the instructions the installer gives you, no additional configuration is required.

It is a bit tricky to get working on Windows, so if you are having issues please send a DM in our Discord server asking for help.

Figma (optional)

If you want to contribute to our app designs or view them in any way to reference when you are coding, you need to sign up on Figma.

Navigate to https://figma.com/ and create an account if you haven't already. Then, click this team invite link to join our organization.

If you can view our Figma files, you should be ready to go!

All Things Project Setup - Fall 2024

Tue, 08 Oct 2024 00:00:00 GMT

Welcome back to our blog, App Developers! We are excited to dive into the project setup process for the project we'll be doing this term. In this blog post, we will outline all of the details needed for you to get started on developing for the project(s).

About the Project

As you know, this term we are working on two projects, the first, BeavsAI, and the second being the Party Finder app. Both of these projects are going to be a great way for you to learn new technologies and work on a team project!

Here is everything you will need to setup for our club this term:

Install an IDE
NodeJS
Python
Git
Figma

Project Setup

VSCode

If you are interested in contributing to code, you'll need to install an IDE. We recommend VSCode if you aren't sure about which one to get. You can find their download link here: https://code.visualstudio.com.

Once you've installed VSCode, there are a few extensions we recommend installing.

How to install an extension

Recommended Extensions

Docker
Python
Live Share
Prettier - Code formatter
Thunder Client (for API testing)
Tailwind CSS IntelliSense

Once you've installed your IDE and installed all the above extensions, you should be good to go for this section.

NodeJS

Lets install one of the more commonly used programming languages in our club, NodeJS.

You can find the installation here: https://nodejs.org/en

Follow the installer's instructions, no additional configuration is required.

Once completed, ensure NodeJS is installed by doing the following.

MacOS:

Press Command + Space
Search 'Terminal' and open it
Type node --v
You have Python installed if you see something like: v?.?.?

Windows:

Press your Windows key
Search for Command Prompt and open it
Type node --v
You have Python installed if you see something like: v?.?.?

Python

For now, our BeavsAI backend is written in Python and FastAPI. We may change this in the future, but lets install Python just in case.

Install the latest Python version (3.13.0) here: https://www.python.org/downloads/

Follow the installer's instructions, no additional configuration is required.

Once completed, ensure Python is installed by doing the following.

MacOS:

Press Command + Space
Search 'Terminal' and open it
Type python3 --version or python --version
You have Python installed if you see something like: Python 3.?.?

Windows:

Press your Windows key
Search for Command Prompt and open it
Type python3 --version or python -version
You have Python installed if you see something like: Python 3.?.?

Git

You can download it here https://git-scm.com/downloads.

Once downloaded, verify the installation by opening your Terminal/Command Prompt and typing git -v. If you get something like: git version ?.?.?, you have successfully installed git.

Docker

We use Docker to make developing apps across different types of devices easier and also deploy apps quickly and reliably. If you haven't heard of Docker or want to learn more, check the docs out: https://docs.docker.com/get-started/workshop/

To install Docker, click on the "Download Docker Desktop" button on this webpage: https://www.docker.com/

Follow the instructions the installer gives you, no additional configuration is required.

Figma

If you want to contribute to our app designs or view them in any way to reference when you are coding, you need to sign up on Figma.

Navigate to https://figma.com/ and create an account if you haven't already.

If you can create a design file, then you should be all good to go!

BeavsAI

Party Finder

Purs x App Dev Club Mobile Hackathon - Spring 2024

Sun, 07 Apr 2024 00:00:00 GMT

We are partnering with a Portland-based fintech startup, Purs, to host a Mobile Hackathon for Oregon State University Students with $2000 in total prize money!

Our team here at the App Development Club could not be more excited to see the innovative mobile payment solutions you come up with.

Whether you're a seasoned developer or just getting started, this event is a great opportunity to build something cool, learn new skills, and win some awesome prizes.

Quick Links

Join the DevPost (required)
Join the Discord to find a team (optional, but recommended)

Event Details

Kickoff Event:
- Date: Friday, April 12th, 2024 from 6:00pm-7:20pm
- Location: Kelley Engineering Center, Room 1003
Closing Ceremony:
- Date: Wednesday, April 17th, 2024 from 6:00pm-7:20pm
- Location: Bexel Hall, Room 207

Pizza and drinks will be provided for both events.

Rules

Team Member Limit: 1-4 members per team
Eligibility: All Oregon State University students are eligible to participate.
Submission Deadline: April 17th, 2024 at 11:59pm
Demo Video: Your submission must include a video or presentation that demonstrates your mobile payment solution.
Code Repository: You must submit a link to a public GitHub repository that contains the source code for your mobile payment solution.

Prizes

Benny's Favorite - First Overall: $1000
Second Overall: $500
Third Overall: $300
Fourth Overall: $100
Wildcard Prize: $50 in OpenAI Credits
Wildcard Prize: $50 in Amazon Web Services (AWS) Credits

Judging Criteria

General

Remember that your key deliverable is the live demo of your payment experience. Judges want to see something that works well and feels smooth.

UI/UX Design

Judges will evaluate the quality of the user interface and overall user experience. Projects with intuitive designs and smooth interactions will score higher in this category.

Ease of Use

This criterion assesses how simple it is for users to complete a payment or place an order using the application. Projects that prioritize usability and streamline the payment process will receive higher scores.

Data Security

Judges will assess the effectiveness of data transfer between the merchant and customer devices, focusing on the security measures implemented to protect sensitive information.

Engagement and Enjoyment

Judges will consider the fun factor of the payment experience and whether users would be excited to use the app. Projects that incorporate engaging elements into the payment process will receive higher scores.

BONUS - Onboarding Seamlessness

Projects will receive bonus points if a judge can install the app, sign up, and complete a payment using their iPhone or Android device in under 30 seconds. This criterion rewards projects that prioritize efficiency and seamless user onboarding.

FAQ

Can I participate if I'm not an Oregon State University student?

No, this event is exclusive to Oregon State University students.

Can I participate if I don't have a team?

Yes! We encourage you to join the Discord to find a team.

Can I submit a project that I've already started?

No, all projects must be started from scratch during the hackathon.

Can I use a framework like React Native or Flutter?

Yes, you can use any mobile development framework to build your project.

Can I use third-party APIs?

Yes, you can use third-party APIs to enhance your project.

What if I have more questions?

Please reach out to us on our Discord

We can't wait to see what you build! 🚀

Officer Elections - Spring 2024

Tue, 30 Apr 2024 00:00:00 GMT

Welcome back to our blog, App Developers! We are electing new officers for the 2024-2025 calendar year, and in this blog post we will outline all of the details about the election process.

About the Club

If you want to learn more about our club before running for an officer position, check out the following links:

Join our Discord
Check out our About Page

Event Details

When: Wednesday, May 8th from 6-7pm PST

Where: Kelley Engineering Center 1001 or on Zoom

Officer Roles

President - Responsible for the direction of the club. Lead meetings, orchestrate club projects, organize officers, and bring vision to the club's future.
Vice-President - Assist the President in all operations, take responsibility when President is absent.
Secretary - Manages and handles external communications, collaborates with Pres/Vice Pres.
Treasurer - handles the clubs funds, reimbursements, and works with President in all funding matters.
Webmaster - Maintains our main club website, online presence, and oversees Zoom during meetings.
Public Relations - Involved in all advertising and marketing campaigns, manages social media pages.

Registration Details

If you are running for a position, you will briefly present with a slide or two on why you are running for the position. Your presentation will be capped at 3 minutes, so make sure to keep it less than that threshold! If you want to run for a position but cannot be there physically on week 6, please message us immediately - you'll join remotely on Zoom! After everyone has presented, the winners will be decided by popular vote, and the results of the election will be announced at the end of the meeting!

If you are running, here is the important tasks you need to do:

Make a slideshow and prepare your presentation using the following template. Make a copy and modify it to your needs! Link to Slides
Make sure you have filled out the following form to register for officer roles. Registration Form

All roles are flexible, and we don't always stick to these roles 100% of the way. They provide a good baseline of expectations for what you should be working on, but you can have more responsibilities if you would like to be more involved. If you have any questions about what it's like to become an officer or how to run as one please DM one of us or send a message in our server!

Spring 2024 Project Details

Thu, 25 Apr 2024 00:00:00 GMT

Welcome back to our blog, App Developers!

For our Spring 2024 term project, we're building an open-source alternative to platforms like Chegg, Quizlet, and other study resource platforms. We're calling it "BeavBright". We'll be building this platform from scratch, and actively working on it through the end of the term, so there's plenty of opportunities to get involved.

Details

BeavBright will be a platform that allows students to share and access study resources for their classes. Our goal is to build a great way to collaborate with your peers and get help when you need it.

The platform will have features like:

Uploading and downloading study materials
Commenting on resources
Upvoting and downvoting resources
Searching for resources by class, topic, or keyword
Course materials repository
Discussion forum
and more!

Non-Technical Requirements

Goals and Objectives

Provide a platform for sharing resources, notes, and study materials.
Facilitate collaboration and study sessions among OSU students, regardless of mode (e-campus, in person, post-bacc)
Foster a community where users can ask questions, seek help, and share knowledge.

Problems to Solve

It’s difficult to find study partners with similar schedules and study preferences.
There’s a lack of FREE centralized platforms for accessing study resources and materials shared by peers.
Applications that do solve these problems don’t have efficient communication channels, leading to missed study sessions or misunderstandings.

Target Audience

Students in university or community college.
Educators or tutors looking to connect with students for more collaborative learning.
Clubs or study groups seeking a dedicated platform for organizing study sessions and sharing resources.

Feature Roadmap

Here's a rough outline of the features we're planning to build for BeavBright:

Features

User Management
- Create an account
  - OAuth/Clerk/Custom
- Profiles
  - Personal Info
  - Study Interest/Availability
Study Session Organization
- Scheduler
- Search and join sessions
  - A session is just a synchronous chat between one or many people
- Reminders
Collaboration Tools
- Real-time messaging
  - Video/Audio/Text
- File sharing
- Whiteboard/Shared notes
Repository
- Resource Library (flashcards, quizzes, ratings, notes, practice exams)
  - Per course
- Course and Professor Selector
Community
- Discussion forum
- Study groups
Productivity
- Task/Goal tracker
- Calendar integration
- Analytics
Feedback mechanisms
- Reporting
- Suggestions
- Bug tracking

Tech Stack

We're using the following technologies to build BeavBright:

Code Structure

The project is a mono-repo, with the following directories:

Packages

packages/database - Prisma Database schema and migrations
packages/ui - Design system and UI components
packages/eslint-config-custom - Custom ESLint configuration
packages/tsconfig - Custom TypeScript configuration

Apps

apps/api - Hono REST API server
apps/web - Next.js web application

In a mono-repo, all the code is in one repository, which makes it easier to manage dependencies and share code between different parts of the project. We're using TurboRepo to manage our mono-repo.

There's a docker-compose file in the root of the repository that sets up the development environment for you. You can run docker-compose watch to start the development server. This will start the API server, database, and web server.

Note: You'll need to have Docker installed on your machine to run the development environment. Additionally, once you run the compose command, you'll need to run pnpm turbo db:generate to generate the Prisma client.

How to Contribute

If you're interested in contributing to BeavBright, you'll need to follow these steps:

Join our Discord server
Join the OSU-App-Club GitHub organization
Clone the repository
Create a new branch
Make your changes
Push your branch to the repository
Create a pull request

We're excited to see what comes out of this project, and we hope you are too! If you have any questions, feel free to reach out to us on our Discord server or email.

Why We Left Wix for Astro.js

Sat, 24 Feb 2024 00:00:00 GMT

Over the past 3 years, our team here at the App Development Club has been using Wix to host, manage, and maintain our club website. However, as we grew this past year to over 500+ members we soon realized that Wix was not the best platform for us to best represent our club.

In this article, we'll dive into the decision making behind our switch, and why we're excited to be using the Astro.js framework going forward.

Why Wix?

Initially, Wix was a fantastic platform for us to start with. It was easy to use, had a lot of templates to choose from, and was generally a good place for the club to quickly manage our website content.

If you go here you can see what our legacy Wix site looks like. Funnily enough, I also wrote a blog post about why we're saying Goodbye to Wix as well. You can find that here.

Why We Left

There's a few reasons why we decided to leave Wix:

1. Limited Customization

As we grew, our leadership team realized that we needed more customization on our website. We wanted to be able to add features that fit more advanced use cases, and we found that Wix was not the best platform for that. Things such as custom animations, dynamic content, and a more advanced design system were not possible with Wix.

2. It's Not Free and Open Source

Unfortunately, just to remove the Wix branding watermark, we found out that we'd have to pay a hefty fee. We all know the watemark:

As a club that prides itself on open source, we wanted a platform that was more in line with our values. Additionally, since the source code for the Wix site is not on GitHub, we can't collaborate on the website as a team.

3. It's Wix

Wix is a great platform for small businesses and personal websites, where you just want to get something out there, but it's not the best platform for a club like ours where we pride ourselves on application development and custom tailored solutions. There were also other issues with Wix, such as:

No free tracking or analytics
Difficult to integrate with other platforms
Lack of responsiveness

All of these reasons led us to the decision to leave Wix and find a new platform for our website. After a few weeks of research, we found Astro.js.

What's Astro.js?

Astro.js is a new, "all in one" framework for building content rich sites on the web. It's fast, flexible, and open source. Our team is extremely excited to be using it for our new website.

Here are some of my favorite features of Astro.js, and why we're excited to be using it:

Islands: A component-based web architecture optimized for content-driven websites.
UI Agnostic: Supports React, Preact, Svelte, Vue, Solid, Lit, HTMX, web components, and more.
Zero JS, by default: Less client-side JavaScript to slow our site down.
Content Collections: Organize, validate, and provide TypeScript type-safety for your Markdown content.
Customizable: Tailwind, MDX, and hundreds of integrations to choose from.

This is all from the Astro.js official documentation.

It's easy to see why we're excited to be using Astro.js for our new website. Currently, we're using the React, Vercel, and TailwindCSS integrations along with shadcn/ui for our design system.

We're slowly migrating each component to be 100% Astro.js, and we're excited to see where this new stack takes us. If you're interested in contributing code, articles, or even bug fixes, you can find our new website's source code here.

Cheers to the future of the App Development Club website! 🚀

Winter 2024 Project Competition

Sun, 25 Feb 2024 00:00:00 GMT

For the Winter 2024 term, we're doing a term-long hackathon within our club community.

The competition has already started as of the time of writing this post, but it's not too late to join!

Here's all the details you need to know about the competition:

Quick Links

Join the DevPost (required)
Team Registration Form (required)
Join the Discord to find a team (optional, but recommended)

Details

The Winter 2024 project competition invites you to create any app development related project you can imagine.

Truly, the possibilities are endless! The project you create doesn't need to specifically be a mobile or web application. It can really, be any of these platforms:

Desktop
Command Line
Games
Internet of Things (IoT)
Robotics
and so much more!

Whether you prefer to work solo, or in a team of up to four, this competition is your chance to flex those app development chops and shine!

Logistics

There will be two competitive sections for our term project:

Beginner - little to no coding experience, basic CS knowledge
Advanced - experience building projects and deploying software

We'll allow you the discretion of choosing which group you more closely align with, but on our end, we think if you've taken a >= 300-level course, you're advanced.

During midterms, we'll be having a midpoint progress check.

At the end of the term, (Week 10/Finals Week) there will be a showcase for each team to demonstrate their project to the club. (1-3 minute video showcasing the final work)

Prizes

The prize breakdown for the hackathon is as follows:

Beginner Track

1st Overall - $75
2nd Overall - $50
3rd Overall - $25

Advanced Track

1st Overall - $75
2nd Overall - $50
3rd Overall - $25

All prizes are Cash and will be awarded in the form of an Amazon gift card (1 per member)

Judging

All projects will be judged via community vote. Each member of our club will be able to vote for their favorite project in both the advanced and beginner categories.

However, you may not vote for your project.

If you're up for a challenge, you can earn a "bonus vote" by developing a full-stack application.

Don't know what that means? Here's some more info.

The "bonus" will be awarded in the form of an extra vote since project submissions will be judged by you all, the members!

Rules & Requirements

You must be a member of our club in IdealLogic to win prizes
You must join the DevPost to be eligible for prizes
You must complete the team registration form to be eligible for prizes
Each submission should contain a video demonstrating the project in its essence
Teams comprised of 1-4 people are allowed
The submission must have the full version control history published & accessible
If you use a template or any existing resources, please note that in the documentation of the project
All project submissions must be made by the Friday of Week 9 (March 15th, 2024)

With that said, our team is extremely excited to see what you all build. Happy hacking! 🚀

App Development Club at Oregon State University

CascadiaJS Club Trip Plans - Summer 2024

What is CascadiaJS?

Registration Details

All Event Plans

Travel Plan:

Hotel Room Details

Food Details

Style/Typography Guide For Our Blog

Thumbnails

Headings

H1

H2

H3

H4

H5

H6

Paragraph

Images

Syntax

Output

Blockquotes

Blockquote without attribution

Syntax

Output

Blockquote with attribution

Syntax

Output

Tables

Syntax

Output

Code Blocks

Syntax

List Types

Ordered List

Syntax

Output

Unordered List

Syntax

Output

Nested list

Syntax

Output

Other Elements — abbr, sub, sup, kbd, mark

Syntax

Output

Project Onboarding - Fall 2025

Project Summary

Table of Contents

Project Setup

Become a Member

Install An IDE

How to install an extension

Recommended Extensions

NodeJS

MacOS:

Windows:

MacOS:

Windows:

Git

Docker (optional)

Figma (optional)

All Things Project Setup - Fall 2024

About the Project

Table of Contents

Project Setup

VSCode

How to install an extension

Recommended Extensions

NodeJS

MacOS:

Windows:

Python

MacOS:

Windows:

Git

Docker

Figma

BeavsAI

Party Finder