Giter VIP home page Giter VIP logo

wwdcscholars / web-app Goto Github PK

View Code? Open in Web Editor NEW
7.0 8.0 2.0 16.66 MB

A portfolio website for all Apple WWDC Scholarship / Swift Student Challenge Winners

Home Page: https://www.wwdcscholars.com

License: MIT License

Vue 70.23% TypeScript 23.04% JavaScript 1.24% Sass 1.11% SCSS 4.20% HTML 0.19%
wwdc wwdc-scholarship swiftstudentchallenge wwdcscholars cloudkit vuejs typescript mapkit-js

web-app's Introduction

WWDCScholars is a community of Apple WWDC Scholarship winners. Every year bright minds from all around the world compete against each other for a free ticket to Apple's yearly developers conference. The scholarship recipients share their winning projects in our iOS App and on our website (www.wwdcscholars.com).

This repository contains the Vue.js based website that lists current and previous scholarship winners from all around the world.

Getting Started

WWDCScholars is based on Apple's BaaS, CloudKit. To use this project you need to obtain credentials for CloudKit, the Apple MapKit JS API and the Sentry Error Tracking Service.

Create a .env file at the root of this project that looks like this:

DEV_CLOUDKIT_CONTAINER_IDENTIFIER="<CloudKit Container Identifier>"
DEV_CLOUDKIT_API_TOKEN="<CloudKit API Token>"
DEV_CLOUDKIT_ENVIRONMENT="<CloudKit Environment>"

DEV_MAPKIT_JWT="<MapKit JS JWT>"

SENTRY_DSN="<Sentry DSN>"
DEV_SENTRY_ENVIRONMENT="<Sentry Environment>"

DEV_PLAUSIBLE_DOMAIN="" # no analytics for dev environment

WWDC_YEAR="<The WWDCYear key to use>"

Install dependencies

$ yarn install

Build and run the app

  • In development mode using a local development server with hot-reload, etc.
    $ yarn dev
    
  • In production mode for static hosting
    $ yarn build
    

When building for production you can find the results in dist/.

A 404 page can be found at dist/404.html. You can use it in nginx like this:

server {
  ...
  root /path/to/build/output;
  error_page 404 /404.html;
}

Contributing

We are always on the lookout for new ideas and improvements to the current version of this project. Do you want to help us shape the future of WWDCScholars? Check out what we are currently working on in the issues.

In case you have a technical question or need some guidance, don't hesitate to open a new issue yourselves.

Author

I'm Moritz Sternemann, a computer-science student at Technical University of Munich.

Related Projects

License

The WWDCScholars Website is available under the MIT license. See the LICENSE file for more information.

web-app's People

Contributors

michieriffic avatar moritzsternemann avatar sam0711er avatar thisisthefoxe avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

web-app's Issues

WWDC19

I won the WWDC19 scholarship and was excited to put myself on this website, but there is no WWDC19 form. Can you fix it?

Can't update birthday, in Edit Profile

If I see it correctly, in saveBasic(...) the birthday value is set to a string with format: YYYY-MM-DD.
And it appears that CloudKit prefers a valid timestamp.

JS console log:

[Error] t
_ckErrorCode: "BAD_REQUEST"
_extensionErrorCode: undefined
_reason: "Invalid value, expected type TIMESTAMP."
_recordName: "33407E99-***********"
_redirectURL: undefined
_retryAfter: undefined
_serverErrorCode: "BAD_REQUEST"
_subscriptionID: undefined
_uuid: undefined
_zoneID: undefined
message: "Invalid value, expected type TIMESTAMP."

t Prototype
	(anonymous function) (09f4d09.js:2:82482)
	(anonymous function) (54c6aed.js:1:131666)
	v (7854709.js:2:71646)
	(anonymous function) (7854709.js:2:71431)
	r (7854709.js:2:66121)
	h (7854709.js:2:66361)
	promiseReactionJob

Cannot log in with Apple ID

The Apple ID login is currently not working for me. I'm trying to log in since Friday last week.

I tried different browsers, different devices, and toggling adblock, Private Relay and Advanced Data Protection on and off.

If advanced data protection is on for my Apple ID, I get an "Authentication Error" from CloudKit, see here:

Bildschirmfoto 2024-04-02 um 15 24 01

If advanced data protection is off, I get redirected to the website but there is a loading spinner where the profile picture should be, and it never stops.

Bildschirmfoto 2024-04-02 um 15 22 39

When creating my account, advanced data protection was off. Maybe this issue has something to do with it. Just a guess, because with ADP enabled there is the authentication error, and with ADP disabled the console says something about an empty response when fetching record:

Bildschirmfoto 2024-04-02 um 15 22 57

Not sure what is going on here.

Address

Do I have to put my address on a public website?

Full address shown instead of just city/country

Despite only providing a city/country on the sign-up form, the site shows a full street address, as shown below:
Screen Shot 2019-05-23 at 9 13 28 PM

It used to work as intended, with only the city/country shown, but recently it has been displaying the entire street address (note that this isn't my exact address)

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.