RuanMoreiraOfc / letmeask-react

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.

Letmeask

ENGLISH | PORTUGUÊS | 日本語

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:

• TypeScript
• React
• React Router
• Firebase

📷 Screenshots

Skip Screenshots

Home:

Home - Mobile:

Creating New Room:

Admin View:

Audience View:

Audience View - Mobile:

Mobile Portrait - Home | Admin View:

👀 Preview

🔌 Requirements

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

• Git
• Node.js

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:

• localhost:3000

⚖️ License

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

👦 Author

Made with ❤️ by Ruan Moreira de Jesus!