tamu-datathon-org / portal Goto Github PK
View Code? Open in Web Editor NEWShows activities and events for TAMU Datathon
Home Page: https://dev.tamudatathon.com/events/
License: MIT License
Shows activities and events for TAMU Datathon
Home Page: https://dev.tamudatathon.com/events/
License: MIT License
Add a card below the presenter card that tells the person that they should join the slack. Also, we are adding a field to the activity YAML that says what slack channel this event has discussions in. If that is specified, show the "Check out this channel for discussions on this event: #data-science-start-here" text.
The wording is open for discussion.
The database structure should be similar to AttendedEvents.
If activities mediaType is the livestream one it should look like the left, if it is a meeting it should look like the right.
Josiah wanted a card that shows info on the speaker in the right column (it should look roughly like this except it needs the persons name and profile picture as well and should be pretty!):
Tasks:
This is the navbar thing in the Figma document.
For now:
/#about
etc)Hide "Ended" badge if it been more than 24hrs since endTime
Card component based on Figma document
Card component should have support for the "Starts in 15min" indicator
Collapsable Set
See if you can use CSS grid to use the gutter spacing thing (optional you can stick with flexbox if you want)
Card and Collapsable Should be mostly stateless (at least changes when props change)
pages/api/activities/[activityId].js
. Checkout Next JS docs for more infoResources:
Typeform account: [email protected]
Resources:
Rules:
useAuthState
to have access to the logged-in userUse the same tags as where used in gigabowser
pages/api/[tabId].js
. Checkout Next JS docs for more infoResources:
Create APIs that give a list of pages, a list of Sets for a given page, and a detail endpoint that returns all needed data for the Activity Detail Page
The detail endpoint should have all properties for both zoom and youtube live scenarios.
Since we're already using Typescript Interfaces, using prop-types seems redundant and is causing a lot of linting errors. I'll start this once #51 is merged
The final Nav will have 5 links:
/
) Home Page/events
) View events during the event/schedule
) The generic schedule of key events (basically the opening ceremony and when devpost opens)/challenges
) A list of company challenges/apply
) A link to ObosChange the nav in portal to have the same items as the list above.
There will be a ticket in Gigabowser to make pages that handle /schedule
and /challenges
join.ts
handler (for the join button AttendedEvents tracking)The schedule page will be served by portal instead of gigabowser. It should show events, deadlines, etc. This issue can be tackled by multiple people if it needs to, but communication should be strong.
Instead of mark me interested, make a button drop down that lets people add the event to their calendar
The dropdown should have these calendar services for options:
The calendar event should have a link to the event as well
Add duration
to start time
to compute the end time
run the tutorial & generate the starter code from:
https://nextjs.org/
Currently, the title tag doesn't show on specific event pages:
Ex:
https://tamudatathon.com/events/activities/ml_start_here
Currently the whole bootstrap SCSS is imported in _app.tsx
:
import "bootstrap/scss/bootstrap.scss";
It should ideally be a custom SCSS with our colors and fonts etc.
import "../styles/custom.scss";
Also change the theme in _app.tsx
to let us reference colors in styled-components:
// TODO: add our colors and such
const theme = {
colors: {
primary: "#0070f3",
},
};
For every tab, it should show the tabs that belong to that page (according to the YAML files).
Make some more dummy yaml files for sets and activities to make things look good
Also link the cards to /events/activities/<activity_id>
using next/link and a tags
https://www.figma.com/file/57YjrQC68v5QNqVfctd1mY/TD21?node-id=0%3A1
UI for adding events to the schedule. It's a popover that says the action done and also includes other actions to add to calendars. Please use normal bootstrap dialogs and font awesome icons, don't take the screenshot design too seriously
Backend Implementation: #66
pages/api/tabs
. Checkout Next JS docs for more infoResources:
Basically this is the endpoint that does the tracking for joining a session /events/api/join/[activityId]
.
The flow:
/events/api/join/[activityId]
?r=/events/api/join/[activityId]
Tasks:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.