be-social_ [ A Social Network (Open for contribution) ]
β Tools & Technologies Used
π» Message from master branch
π¦π»Hey folks ππ», If you have basic knowledge about
M - MongoDB
E - Express
R - React
N - Node
you can contribute in this repository. If you have any innovative idea, you are most welcome. Come and build this together.
π₯ π±
Introduction to the Project be-social_ is a kind of portfolio project from the student, by the student & for the student. This project aims to build a social media with basic purposes. Like post, like, comment, view profile, add experiences and a lot more. If you can give any kind of contribution, you are welcome and I will add your name in the contributors list.
You can contact me on : Email - starcdwivedi@gmail.com
π» ?
How to run ππ»ββοΈ it on your local machine This project is using yarn as its package manager. If you don't have yarn on your local machine the you can download it here . Once yarn is installed you are good to go.
Now go inside the project directory through command line (or terminal) and run command
for server
yarn
This will install all the dependencies related to server
for client (or front-end)
Go inside the client directory and run command yarn
yarn
This will install all the dependencies related to client (or front-end).
After the installation of dependencies ready to run it on your local machine.
To run full stack development
Go inside the main directory (means be-social_ folder) through command line and type command
yarn run dev
To run front-end only
Before you run front-end if you are not using Redux Devtools Extension in your browser then
Go to client/src/redux/store.js
const store = createStore(
rootReducer,
- compose(
- applyMiddleware(...middleware),
- window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
- )
+ applyMiddleware(...middleware)
);
Go inside the client directory (means client folder) through command line and type command
yarn start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
The front-end of this project is using react-router-dom for front-end routing so following end-points are available
End-Point | Page Avilable |
---|---|
http://localhost:3000/signup | SignUp form is available here |
http://localhost:3000/posts | Posts are available here |
http://localhost:3000/profile | Profile is available here |