This website is in MERN(MongoDB Express, Reactjs, Nodejs) stack like twitter:- https://social-folks.vercel.app/
You can Create a Post, Retweet Post, Comment on a Post.
Unique Feature (which isn't on twitter):- User can also Edit a Post. Also other users can see the original post that was edited.
Users can Follow, Unfollow a user.
Users can Update their description part too.
Searching of Post , Users can also be done.
- Create a Posts
- Retweet a Post
- Comment on a Post.
- Edit a Post. Unique Feature (which isn't on twitter)
- Follow, Unfollow a user.
- Update User description.
- Upload a Proifile & Cover Picture.
- Searching of Posts, Users.
MERN(MongoDB Express, Reactjs, Nodejs) Stack is used to build the website.
Frontend is made in Reactjs. Redux is used for login part.
Backend is made in Nodejs, express and Mongodb is the database used.
Firebase is used to host Profile & Cover Pictures of a user.
-
Go to
backend
directory -
Do
npm run install
. Server gets started. -
Come out of
backend
directory. i.e. come in same level where src folder is. -
Do
npm run install
. Frontend gets started. -
In
backend/config_folder
createconfig.env
-
In
config.env
file, put:-
a. PORT (Port number where server is to be run)
b. MONGO_URI (MongoDb url of database to connect)
c. JWT_SECRET_TOKEN (Can put any string as the token) -
Come to root level. (where
src
,package.json
is) -
Create
.env
file, and put all firebase credentials. Inenv
file, the variables should start with REACT_APP (e.g. REACT_APP_NameOfVariable).env
file should have :-
a. REACT_APP_APIKEY
b. REACT_APP_AUTHDOMAIN
c. REACT_APP_PROJECTID
d. REACT_APP_STORAGEBUCKET
e. REACT_APP_MESSAGINGSENDERID
f. REACT_APP_APPID
g. REACT_APP_MEASUREMENTID