Mini social network that I made as my first MERN stack project.

栏目: IT技术 · 发布时间: 4年前

内容简介:Mini social network that I made as my first MERN stack project.

social-network

Mini social network that I made as my first MERN stack project.

Demo

social-network

Screenshots

Mini social network that I made as my first MERN stack project. Mini social network that I made as my first MERN stack project. Mini social network that I made as my first MERN stack project. Mini social network that I made as my first MERN stack project. Mini social network that I made as my first MERN stack project. Mini social network that I made as my first MERN stack project. Mini social network that I made as my first MERN stack project. Mini social network that I made as my first MERN stack project. Mini social network that I made as my first MERN stack project. Mini social network that I made as my first MERN stack project. Mini social network that I made as my first MERN stack project. Mini social network that I made as my first MERN stack project. Mini social network that I made as my first MERN stack project. Mini social network that I made as my first MERN stack project.

Gif

Mini social network that I made as my first MERN stack project.

Link to a full video

Video

Built With

Features

  • Like posts, comments, replies
  • See likes for posts, comments, replies
  • Follow, unfollow
  • Update user information
  • Search users
  • Tag people on post and in comments with autocomplete
  • Send verification email
  • Pagination for home feed, user profile, hashtag page, location page, notifications, comments, replies

Realtime

  • Get notification when someone likes your post, comment, reply, tag you on post or reply on comment
  • Chat send text message, image
  • Seen feature and activity status of user

Installing

  1. Install dependencies
npm i && cd client && npm i && cd ..
  1. Create variables.env file and replace values with yours
NODE_ENV=development
DATABASE="Mongodb Connection String"
JWT_KEY="secretkey"
EMAILUSER="example@gmail.com"
EMAILPASS="example"
HOST="your ip eg. http://192.168.0.14:5000"
  1. Go into client/src/_services/socketService.js and replace
window.location.hostname

with your local IP address on port 5000 eg.

192.168.0.14:5000
  1. Run project
npm run dev

Acknowledgments

Contribute

Show your support by :star2: the project.


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

松本行弘的程序世界

松本行弘的程序世界

松本行弘 / 柳德燕、李黎明、夏倩、张文旭 / 人民邮电出版社 / 2011-8 / 75.00元

《松本行弘的程序世界》是探索程序设计思想和方法的经典之作。作者从全局的角度,利用大量的程序示例及图表,深刻阐述了Ruby编程语言的设计理念,并以独特的视角考察了与编程相关的各种技术。阅读《松本行弘的程序世界》不仅可以深入了解编程领域各个要素之间的关系,而且能够学到大师的思考方法。 《松本行弘的程序世界》面向各层次程序设计人员和编程爱好者,也可以供相关技术人员参考。一起来看看 《松本行弘的程序世界》 这本书的介绍吧!

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具