GitHub - dodycode/remix-chatapp: Chat app build with Remix JS

Remix Chat App (WIP)

chat app build with Remix JS and shadcn/ui for UI Components. Built for learning purpose.

First, you need to setup your database, I recommend use plan free from MongoDB Atlas or plan free from Planetscale.
After that, put your database url in .env file.

DATABASE_URL=YOUR_DATABASE_URL

Then, go to github to setup your [OAuth App]. You can follow this tutorial to setup your OAuth App.
After that, put your client id and client secret in .env file.

GITHUB_CLIENT_ID=YOUR_CLIENT_ID
GITHUB_CLIENT_SECRET=YOUR_CLIENT_SECRET
APP_URL=YOUR_HOST
#eg: APP_URL=http://localhost:3000

Then, you can run the app with npm run dev or yarn dev.
If you want to test the chat, make sure you have 2 different github account. Then, login with different account in different browser.

Multiple login provider. Currently the chat app only support login with github. I want to add more login provider like google, facebook, etc.
Responsive UI. Currently some elements not responsive yet.
Add more features. Currently the chat app only have basic features. (maybe will do this when have free time)

Name		Name	Last commit message	Last commit date
Latest commit History 15 Commits
app		app
prisma		prisma
public		public
.env.example		.env.example
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
0.png		0.png
README.md		README.md
components.json		components.json
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
preview.png		preview.png
remix.config.js		remix.config.js
remix.env.d.ts		remix.env.d.ts
server.ts		server.ts
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json