Git Product home page Git Product logo

hack-website's Introduction

ACM Hack Website

Check it out @ hack.acmucsd.com!

Welcome to ACM Hack's main website! This website serves as an introduction to the Hack community, and provides information about our upcoming events and resources. It's also the primary host of our Hack School curriculum, which is a series of workshops designed to teach students the fundamentals of full-stack development and software engineering.

The content on this website is accessible to anyone, regardless of acceptance to Hack School. Feel free to use this for ACM Projects, personal projects, or just to learn something new!

This project was bootstrapped with Nextra and deployed with Vercel.

Contributing

We welcome any contributions from the ACM community! If you have ideas for new content to add, feel free to contact us in the ACM Discord or ACM Hack Discord by pinging the @Hack role, or directly opening up a pull request. If you notice any content errors or have suggestions for improvements, feel free to raise an issue on our repository. Make sure to follow the instructions below to set up your local environment for development.

Prerequisites:

  • Node v16.14.0 or higher
  • Yarn

First, run yarn to install the dependencies.

Then, run yarn dev to start the development server and visit localhost:3000.

To lint, run yarn lint --fix to run linting and fix auto-fixable problems.

hack-website's People

Contributors

angela139 avatar nik-dange avatar avergnet avatar alexzhang1618 avatar nishantbalaji avatar nathanwang0114 avatar charvishukla avatar imgbot[bot] avatar

Stargazers

 avatar  avatar

Watchers

 avatar

hack-website's Issues

MongoDB Page (Week 5)

A page for our MongoDB material. A few things we may want to cover (flexible, can add or remove content):

  • Database basics
  • SQL vs NoSQL
  • Using Mongoose (creating schemas and using in API routes)

Fix navbar and headers

  • If we mess around with the config of meta.json, we can reconfigure how the frontpage and navbar are structured
  • I think the navbar should have:
    • About (with board member bios and whatnot)
    • Past Workshops
    • Hack School
    • and anything else Hack thinks should be on the navbar

Hack Website Frontpage: Team Section

Section on frontpage to display ACM Hack team members

  • Team section header text
  • Create team card with name, picture
  • Map team cards with info (prob add pictures in assets folder)

Extra idea from 1 am Angela
Maybe later on we should have a popup when we click on each team card where we can have a blurb and fun facts about ourselves :)

Website frontpage

  • Design and implement a website frontpage
  • Should look cool and introduce visitors to what ACM Hack is and things they should get started with looking at
  • List upcoming hack events using portal API?

Update Readme

Change the default Nextra Readme and write something descriptive explaining what hack school is, along with the link to the website

React Page (Week 3)

A page for our React material. A few things we may want to cover (flexible, can add or remove content):

  • DOM
  • React basics (React vs. HTML)
  • Components
  • Props

Express Page (Week 4)

A page for our Express material. A few things we may want to cover (flexible, can add or remove content):

  • HTTP Requests
  • APIs
  • Express

Add headings in About section

Include headings above the information captions so users can find info they need (ex: About Us, Hack School, ACM Projects)

Event Archive Page

  • Add header for event archive
  • Create dropdown menu to sort through past workshop series
    • Ex. Hack School 2023, Hack School 2022, etc
  • Populate page with event cards with past workshop data

Decrease event card sizing

  • Make event cards smaller so they're more proportional for the website
  • Adjust the margins accordingly
  • Similar to the ACM main website's cards
    image

Fix getting events from the events api

Bug: Upcoming events currently do not show up in the events section on the homepage

Initially fixed in this branch but it’s showing hack school 4 in upcoming events for some reason now

Add a favicon

Add a favicon to show on tabs instead of the default icon

Hack Website Frontpage: Events Section

Section on frontpage which lists current and past ACM Hack workshops/events

  • Events section header text
  • Create event card with date, event title, room, time
  • Map event cards into dashboard (pull data from portal api)

Website Footer

Something similar to the main website's, maybe with a link to the main website as well
Screenshot 2023-08-01 at 10 27 33 PM

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.