Back home

GitHub Universe 2023

GitHub Universe is the global, annual event for GitHub's customers and the developer community. The GitHub Universe 2023 website showcases information about the talk sessions that will be held and also displays a list of speakers, most of whom are developers from GitHub itself. The website also provides information for purchasing tickets to attend the talk sessions.

Screenshot of the GitHub Universe 2023 web app clone

Specifications

  • Built with HTML5 semantic tags, React.js, SCSS, BEM Method, Node.js, Express.js, MongoDB
  • Total of 11 pages
  • Mobile-first workflow
  • Responsive on all devices

Features

  1. Authentication
    • Account registration and login
    • Input validation on both the frontend and the backend
  2. Filters
    • Filter sessions based on category and or search
  3. Popup modal
    • Showing session/speaker's details
  4. User Actions
    • Like & unlike sessions
    • Add & remove sessions from schedule
    • Liked & added sessions list on user's page

Lesson Learned

I created this website because I really like its UI, which I find appealing and enjoyable to develop with vanilla CSS. The downside is, I didn't implement the talk session ticket purchase feature because I don't have access to see that feature on the GitHub Universe 2023 website page. If I'm not mistaken, there's a form that needs to be filled out, and I wasn't eligible(?). So, I created features like 'like/unlike' and 'save/unsave' sessions to a schedule. Overall, I enjoyed developing this website and I really like the result.

Tap Here for the Live Demo