GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Jagjot26 → faeshare

Jagjot26 / faeshare

Licence: other
MERN based social media web app made with the help of Next.js, Socket.io and TailwindCSS.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

reactnodejsmongodbnextjssocket-ioexpressjstailwindcssreduxtoolkit

Projects that are alternatives of or similar to faeshare

order-service
一个基于vuejs,reactjs,nodejs,socket.io的服务系统
Stars: ✭ 22 (-40.54%)
Mutual labels:  socket-io, expressjs
opentelemetry-ext-js
js extensions for the open-telemetry project
Stars: ✭ 122 (+229.73%)
Mutual labels:  socket-io, expressjs
express-boilerplate
ExpressJS boilerplate with Socket.IO, Mongoose for scalable projects.
Stars: ✭ 83 (+124.32%)
Mutual labels:  socket-io, expressjs
socialApp-MERN
Social Networking web app similar to Instagram.
Stars: ✭ 35 (-5.41%)
Mutual labels:  socket-io, expressjs
theodorusclarence.com
💠 Personal website and blog made using Next.js, TypeScript, Tailwind CSS, MDX Bundler, FaunaDB, and Preact.
Stars: ✭ 205 (+454.05%)
Mutual labels:  nextjs, tailwindcss
spiced-final-project
Career explorer platform developed in React.js in 6 days.
Stars: ✭ 14 (-62.16%)
Mutual labels:  socket-io, expressjs
hn
💻 A personal Hacker News reader using Next.js
Stars: ✭ 43 (+16.22%)
Mutual labels:  nextjs, tailwindcss
Next Startd
⚡ Free Next.js landing page template for SaaS products, online services and more.
Stars: ✭ 211 (+470.27%)
Mutual labels:  nextjs, tailwindcss
portfolio
My personal portfolio website, proudly built with Next.js, TypeScript and Tailwind
Stars: ✭ 165 (+345.95%)
Mutual labels:  nextjs, tailwindcss
chattt-backend
🖥 Backend for chattt
Stars: ✭ 17 (-54.05%)
Mutual labels:  socket-io, expressjs
react-app-simple-chat-app
A Simple Chat Application using MERN stack (MongoDB, Express JS, React JS, Node JS) and Socket.io for real time chatting
Stars: ✭ 41 (+10.81%)
Mutual labels:  socket-io, expressjs
Batteries-Included-Next.js
A starting boilerplate for a TS Next.js project with batteries included. Tailwind CSS for styling, Jest and React Testing Library working with path aliases and node-mock-http for API route testing.
Stars: ✭ 35 (-5.41%)
Mutual labels:  nextjs, tailwindcss
Builderbook
Open source web application to learn JS stack: React, Material-UI, Next.js, Node.js, Express.js, Mongoose, MongoDB database.
Stars: ✭ 3,015 (+8048.65%)
Mutual labels:  nextjs, expressjs
AmigoChat-Realtime-Chat-Application
AmigoChat is a responsive real-time chat application built on MERN Stack and Socket io.
Stars: ✭ 22 (-40.54%)
Mutual labels:  socket-io, expressjs
Nextjs Starter
A starter project for next js with authentication - Contains React 17 + Typescript + Tailwind CSS 2 + React Query 3 + GitHub Auth + LinkedIn Auth + Password-less Auth + Fauna DB
Stars: ✭ 235 (+535.14%)
Mutual labels:  nextjs, tailwindcss
bubbly
Full stack chat application created w/ Next.js, Socket.IO, Express, React and TypeScript
Stars: ✭ 24 (-35.14%)
Mutual labels:  socket-io, expressjs
Notus Nextjs
Notus NextJS: Free Tailwind CSS UI Kit and Admin
Stars: ✭ 152 (+310.81%)
Mutual labels:  nextjs, tailwindcss
Next Apollo Auth
Authentication Boilerplate with Next.js and Apollo GraphQL
Stars: ✭ 159 (+329.73%)
Mutual labels:  nextjs, expressjs
React-Native-Chat-App
A simple chatting app built with React Native, Socket.io, ExpressJS and MongoDB. The server app provides APIs for authentication, message sending and receiving. In the client app React-Native-Gifted-Chat is used for the chat interface.
Stars: ✭ 22 (-40.54%)
Mutual labels:  socket-io, expressjs
MERN Stack Project Ecommerce Hayroo
E-commerce Website | Reactjs | Nodejs | Mongodb | Expressjs | JWT | Tailwind Css
Stars: ✭ 255 (+589.19%)
Mutual labels:  expressjs, tailwindcss
View All Similar Projects ➔

Inspiration

I developed this fullstack social media web app because I wanted to hone my knowledge of the MERN stack along with Next.js. Initially, I decided to go with Next's default server option. Then, I discarded that and went with the custom Express server since that allowed me to use WebSockets (Socket.io in my case) in my app for realtime chats. Besides this, this is a simple social media web app. You can create a post, like it, follow other users, comment on posts, delete your post or comment, and so on and so forth. You can try it out here : https://faeshare.herokuapp.com.

Please give this repository a ⭐ if you liked this app. It seems like a little thing, but it helps a lot with the motivation.

Technologies used

  • React
  • Next.js
  • Node.js
  • Express.js
  • MongoDB
  • Redux
  • Socket.io
  • TailwindCSS

Demonstration

Overall app demo

app.demo.mov

Chat

chat.demo.mov

User Profile

profile.and.comment.mov

Screenshots

Screenshot 2021-09-16 at 10 32 01 AM

Screenshot 2021-09-16 at 10 33 26 AM

Screenshot 2021-09-16 at 10 33 51 AM

Screenshot 2021-09-16 at 10 34 03 AM

Screenshot 2021-09-16 at 10 34 19 AM

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].