Skip to content

Letmeask was created in Next Level Week #6 (React) to promote a better interactivity among streamer and the audience, by creating rooms of Q&A in realtime.

License

Notifications You must be signed in to change notification settings

RuanMoreiraOfc/letmeask-react

Repository files navigation

Letmeask

card-languages card-last-commit card-repo-size card-code-size card-license card-issues

About

Letmeask was created to promote a better interactivity among streamer and the audience, by creating rooms of Q&A in realtime.

Project made on NLW#6(Next Level Week) with Diego Fernandes at React Journey.

This branch is the NEXT LEVEL of this application.

🥳 New Features

Here some differences between the MASTER and NEXT LEVEL!

  • Better styles by using variables
  • Non-Message Alert ( 'Invite friends' )
  • DarkMode + Switch
  • Responsiveness up to 280px (Galaxy Fold)

📐 Technology

It was used on development:

📷 Screenshots

Home:

Home

Home - Mobile:

Home | Mobile-Light

Creating New Room:

Creating New Room

Admin View:

Admin View

Audience View:

Audience View

Audience View - Mobile:

Audience View | Mobile-Dark

Mobile Portrait - Home | Admin View:

Audience View | Mobile-Light Admin View | Mobile-Dark

Home | Mobile-Dark Admin View | Mobile-Light

🔌 Requirements

Before to start, you will need have installed on your computer these programs:

Also is good have a code editor like VSCode.

💡 Do it by yourself

In your terminal clone the repository and install the dependencies.
- to clone the repository
git clone --branch next-level https://github.com/ruanmoreiraofc/letmeask-react.git
- to enter into the folder
cd letmeask-react
- to install the dependencies
npm install

With all done, create a new .env file like this example.

Now run your project with:
- to run the project
npm run start
At the end of the process, just open this link into your browser:

⚖️ License

This project is under the MIT license. See the LICENSE for more information.

👦 Author

author-img

Made with ❤️ by Ruan Moreira de Jesus!

author-card-email author-card-discord author-card-github

About

Letmeask was created in Next Level Week #6 (React) to promote a better interactivity among streamer and the audience, by creating rooms of Q&A in realtime.

Topics

Resources

License

Stars

Watchers

Forks