Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cristianprochnow/hey-letmeask
🙋♂️ An app to promote a quick and efficient interaction between the host and its subscribers.
https://github.com/cristianprochnow/hey-letmeask
firebase frontend nextjs nlwtogether reactjs rocketseat webdevelopment
Last synced: 10 days ago
JSON representation
🙋♂️ An app to promote a quick and efficient interaction between the host and its subscribers.
- Host: GitHub
- URL: https://github.com/cristianprochnow/hey-letmeask
- Owner: cristianprochnow
- License: mit
- Created: 2021-06-23T17:29:15.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-08T00:47:56.000Z (about 2 years ago)
- Last Synced: 2024-12-07T22:10:53.357Z (2 months ago)
- Topics: firebase, frontend, nextjs, nlwtogether, reactjs, rocketseat, webdevelopment
- Language: TypeScript
- Homepage: https://hey-letmeask.vercel.app/
- Size: 1.28 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
![logo]
![author] [![event]][event-url] ![license]
**🙋♂️ An app to promote a quick and efficient interaction between the host and its subscribers.**
**[▶ Demonstration][demo]**
# 📖 About
An app made to offer a practical and efficiente way to connect people with questions to someone that have the answer.
With a simples Google sign in you can create a new chat room, or then enter into some room that already exists.
The main objective of this app is create a direct bridge between host and its subscribers.
## 🎨 Layout
![layout]
[🔗 Click here to see the layout][layout-url]
## 🛠 Built with
- [x] React.js
- [x] Firebase
## 📚 What I learned
- [x] Use and implement `Firebase` for web development
- [x] Set up `firebase` configuration
- [x] Some mobile-first principles
# ⚡ Getting Started
## 🧰 Prerequisites
- [x] Node.js
- [x] Yarn
## 📐 Setup
You will need a `.env.local` file at your project root directory to use Firebase configuration. To set up this steps follow guide below:
1. Create a Firebase account
2. Create a new project
3. Get auth configuration to connect with this web application
4. Apply your data following the template below
```env
# Firebase configuration
REACT_APP_API_KEY=""
REACT_APP_AUTH_DOMAIN=""
REACT_APP_DATABASE_URL=""
REACT_APP_PROJECT_ID=""
REACT_APP_STORAGE_BUCKET=""
REACT_APP_MESSAGING_SENDER_ID=""
REACT_APP_APP_ID=""
```
5. Save file
6. 🎉 It's done! Now you are able to run the project
## 🔥 Run project
```bash
# install packages
yarn
# run project
yarn start
```
# 💪 Contribute
1. Fork project
2. Clone project (`git clone `)
3. Create a new branch (`git checkout -b `)
4. Stage changes (`git add .`)
5. Commit new feature (`git commit -m ""`)
6. Push the commit (`git push origin `)
7. Open a pull request
8. It's done, thank you! 🎉
# 📜 License
Built under **MIT License**, se `LICENSE` for more details.
---
**Made with 💜 and ☕ by [Cristian Prochnow][github] at NLW Together. Enjoy it!**
[logo]: ./.github/logo.png
[license]: https://img.shields.io/static/v1?label=license&message=MIT&color=835AFD&style=plastic
[author]: https://img.shields.io/static/v1?label=author&message=cristianprochnow&color=835AFD&style=plastic
[event]: https://img.shields.io/static/v1?label=event&message=NextLevelWeekTogether&color=835AFD&style=plastic
[event-url]: https://nextlevelweek.com/
[github]: https//github.com/cristianprochnow
[layout]: ./.github/thumbnail.png
[layout-url]: https://www.figma.com/file/2B7Naq0YAR24BIkCR1HFIQ/Hey-LetMeAsk-Copy?node-id=45%3A29835
[demo]: https://hey-letmeask.vercel.app/