Code Monkey home page Code Monkey logo

cards-against-humans's Introduction

Create T3 App

This is an app bootstrapped according to the init.tips stack, also known as the T3-Stack.

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 the most basic configuration and then move on to more advanced configuration.

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.

We also roll our own docs with some summary information and links to the respective documentation.

Also checkout these awesome tutorials on create-t3-app.

How do I deploy this?

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

cards-against-humans's People

Contributors

bigolchris avatar nathanpip avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Forkers

ninja-1337

cards-against-humans's Issues

404 Page needs to be created

** What Needs to be done **

  • A react component that displays a 404 page when the user goes to an unknown link

** Details **

  • 404 Page should have a nice icon in the middle and underneath diplay a message like "Nothing Found Here"

** How to **

  • Navigate to the pages directory
  • create a new file called 404.tsx inside of the pages directory
  • inside of the this file create a new NextPage component (Very similar to react component just different types)
  • render the 404 page inside of the component
  • to test go to localhost:{port}/404

Style Lobby creation Page and Name Input Component

** What to do **

  • Style the lobby creation screen (/lobby) so that the input form is in the center of screen and vertically aligned
  • Same goes for the Name input screen (/lobby/[id])

** Where **

  • Lobby creation input is the form inside of pages/lobby/index
  • Name input is the component called NameInput within pages/lobby/id

Bug Fixes

** What To Do **
There's two bugs currently being logged to the console

  • One is on the CAHOptions component
  • One is on the Error component
    Your job is to find and eliminate these bugs

Forbidden Page needs to be created

What needs to be done

  • A new forbidden page needs to be created for anytime a user tries to access a page they are unauthorized to access
    Details
  • Page should communicate to the user that they are not allowed on that page
  • If the user has to sign in to access the page prompt a link to sign in with discord
  • If the user is not allowed to access the page whatsoever then just display message

Error Component needs to be created

What needs to be done:

  • A new react component that takes an error message as a prop and displays that error message
  • This component will be displayed whenever an error happens on the server side

Details

  • Component should take up entire screen
  • error message should be displayed clearly
  • an error icon would also be nice

** How To **

  • navigate to the components folder inside of source
  • create a new file named "error.tsx"
  • inside of this file create a new React component named Error
  • This component should take an error message (string) as one of it's props
  • This string should be checked for the values of the Error types below
  • The component should render a different message based on the error type

Error Types

  • Nothing found
  • Access Denied
  • Server Error

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.