Inspiration
Difficulty using pre-existing apps (phone or desktop apps) that require user accounts with email in order to coordinate a consistently repeating soccer scrimmage. Older friends find installing an app to their phone or laptop extremely inconvenient, thus, we created a single-page website.
What it does
Allows an admin user to create a poll. Allows regular users to vote in the poll. Creates a notification before game time about poll results, which indicate whether there is a soccer scrimmage that day or not.
How we built it
Front end is using react and next.js. Backend is using laravel.
Challenges we ran into
Learning how to create react components. Learning how to connect react components to the laravl backend using axios. Working with react library errors and package.json errors.
Accomplishments that we're proud of
Our creative use of dinosaurs, and appealing user interface colors, shading, and imagery.
What we learned
How to create react components. How to use react hooks like useSate and useEffect. We cleverly used react's useState to share variables and setter functions between parent and child react components. The pros and cons of using css manually vs. tailwind vs. bootstrap. How to use axios post and get from the frontend to the backend.
What's next for DEKT
Add a weather status bar, which will inform players of playing conditions to better inform their rsvp votes.
Built With
- css3
- html
- javascript
- laravl
- next.js
- react
- tailwind
Log in or sign up for Devpost to join the conversation.