Code Monkey home page Code Monkey logo

esportsconnection-fe's Introduction

Create T3 App

This is a T3 Stack project bootstrapped with create-t3-app.

What's next? How do I make an app with this?

We try to keep this project as simple as possible, so you can start with just the scaffolding we set up for you, and add additional things later when they become necessary.

If you are not familiar with the different technologies used in this project, please refer to the respective docs. If you still are in the wind, please join our Discord and ask for help.

Learn More

To learn more about the T3 Stack, take a look at the following resources:

You can check out the create-t3-app GitHub repository โ€” your feedback and contributions are welcome!

How do I deploy this?

Follow our deployment guides for Vercel, Netlify and Docker for more information.

esportsconnection-fe's People

Contributors

dependabot[bot] avatar emalineg avatar lizainslie avatar

Watchers

 avatar

Forkers

chopkins0107

esportsconnection-fe's Issues

BE: Add an event

FE PREREQ: #11
BE PREREQ:

Implement same React functionality as BE PREREQ above

FE: UCI / IVC Logo

Display UCI Esports and IVC Esports Logo to left and right of "UCI/IVC Events", respectively

BE - Scrape Esports News + AI Synthesis

Functionality to scrape recent esports news articles
Put article content through LLM requesting it to produce a title + 1 paragraph synthesis
Show title on home page under "latest news"
Clicking on title will pop out module with 1 paragraph synthesis
Show latest 4 titles (store all data in db to display when "more esports news" is clicked, anything older than 50 articles ago is deleted)

BE: Events Components

  • Figure out solution to locating upcoming esports events (via scraping, or api with an events platform)
  • Route the title, date, organization, picture, text information into events component
  • Save data to database for retrieval when "see all events" button is clicked (delete events that have passed)
  • Module pops out that displays all event titles, dates, and organization (sort by date, only display up to 25)

FE: Re-usable events component

component with section for image + title
clicking on component will pop out module with section for text
for now use placeholder image and title

FE: Podcast Embed

Hard code this episode for now under "Listen To Our Latest Episode"

<iframe style="border-radius:12px" src="https://open.spotify.com/embed/episode/63xhARhXMcyOyVbE0qa00s?utm_source=generator&t=0" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

FE: Add an event modal

Modal pops up containing form with the following input fields:

Event Title
Image Upload
Event Text
Organizer
URL
Would you like to pay to be sponsored? Y/N
(conditional on Y) Contact Email
(conditional on Y) Contact Name

FE - "suggest a guest" input fields

input fields for suggest a guest component:

  • guest name (string)
  • guest contact (string)
  • submitters name (optional, string)
  • submitters contact (optional, string)
  • what impact have they had on the world of esports? (text)

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.