Git Product home page Git Product logo

next-class's Introduction

Next-Class

Code Jam 2022

Inspiration

Having experienced the stressful and busy university life, we know how hard it is sometimes to find the time to hang out between classes with all your different friends' chaotic schedules. In response, we have created NextClass!

What it does

NextClass is a web app that takes in your and your friends' schedules and outputs a calendar that compiles all your schedules together. We used Firebase's Firestore database to store and authenticate users. Furthermore, we built a web scraper to obtain and use actual McGill data in order to simulate our web app functions better.

How we built it

The NextClass web app was based on the React JS library using HMTL, CSS and JavaScript. Furthermore, we used node.js to help handle packages and discrepancies, simplifying our job. Along with the React.js foundation, we implemented a firebase database to store and manage data.

Challenges we ran into

Firebase was a real challenge, as we barely dabbled with it before the hackathon. Furthermore, we were planning to use the McGill API to obtain data more accessible (with permission, of course). However, there were issues with bypassing the built-in client-side permission.

Accomplishments that we're proud of

This was our first time working on such an ambitious project and our first time integrating a real-time database to add, get and store data. Furthermore, we understood Git a lot more, avoiding the trouble of deleting and reinstalling the repository at every. Single. Commit.

What we learned

We developed our React.js skills and got much more familiar with database usage. We also expanded our knowledge of the React JS library and Node Js library. Furthermore, we honed our skills and expertise in Git, enhancing our teamwork and simplifying our communication, as in the last hackathon, we barely knew how to use it.

What's next for NextClass

We would love to add more features to this website, such as specifications on your friends' information, their live location (if permitted by the user), and editable widgets for helping students perform better (ex., Assignment widget). We would also like to create the mobile version of this code to make this easier to use as we often check our schedules or contact our friends from our phones.

next-class's People

Contributors

cx899 avatar ji-one1 avatar solounity avatar thanh-huy1104 avatar

Watchers

 avatar

Forkers

solounity cx899

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.