Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tanner-davison/chatty_chatter
Hosted Live with Heroku
https://github.com/tanner-davison/chatty_chatter
Last synced: 2 months ago
JSON representation
Hosted Live with Heroku
- Host: GitHub
- URL: https://github.com/tanner-davison/chatty_chatter
- Owner: Tanner-Davison
- Created: 2023-09-22T04:13:37.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-18T06:07:29.000Z (2 months ago)
- Last Synced: 2024-10-20T10:35:20.331Z (2 months ago)
- Language: JavaScript
- Homepage: http://www.chattychatter.com
- Size: 113 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
ChattyChatter.com
Welcome to the official GitHub repository for the ChatterMatters website! Dive into some live, interactive debates on gender topics, share your insights, and see what others have to say.Overview
Chatter Matters is a dynamic platform where users can login, engage in active debates on various gender topics, and vote on the responses they resonate with the most. Every 30 minutes, a new topic is introduced, ensuring that the discussions remain fresh and engaging.Features
Live Debates:
Connect to a live server and engage in real-time discussions.
Dynamic Topics: Every half an hour, a new topic pops up, ready for your insights!
Community Engagement: Submit your responses and see what the community thinks.
Voting System: Upvote the responses you agree with. The top-voted response earns points for the round.
Database Integration: All answers are securely saved, ensuring that every voice is heard.Getting Started
Head over to ChattyChatter.com and sign up.
Once logged in, you'll be directed to the current live debate.
Share your thoughts, vote on others, and let the best response win!
Tech Stack
Frontend:
React
Backend:
Express.js
DataBase:
postgres
Contributing
We are always open to improvements! If you have suggestions, bug reports, or feature requests, please open an issue. If you'd like to contribute directly, feel free to fork the repository and submit a pull request.
| | Backend Basics
-|-
Version Control: | git
Server: | Node.js --> express.js
WebSocket Setup | socket.io
User Profiles: | Store and retrieve user profile data like avatars, usernames, etc.
Message Storage: | Store chat messages in the database for history or potential future features.|| Frontend
-|-
Framework: | React --> create-react-app
Chat Interface: | Build a basic chat interface component
Connect to Frontend: | Implement basic message sending and receiving functionality.|| User Auth
-|-
Login/Logout: | Implement user sign-up and login functionality on the backend.
Components: | Create frontend components for login and sign-up forms.
Integration: | Integrate the frontend and backend authentication. Ensure that users are authenticated before they can send messages.| | ChatGPT API
-|-
Generate Topics: | Use the OpenAI API (or another provider's API) to generate debate topics.
Event Action: | Implement a button or an event trigger on the frontend to fetch a topic.
Display: | Display the topic prominently in the chat interface.License
This project is licensed under the MIT License.