So, this is a social media app that covers all the fundamental functions that a social media app should.
| Technology | About the Framework/ Technology |
|---|---|
| React-JS | For making frontend components and pages |
| Formik-JS | Formik is a popular library for creating forms in react |
| Node-JS | NodeJS is used for backend |
| Express-JS | It has been used for making the backend-server |
| MongoDB | For the database we have used mongodb |
| Express-JS | It has been used for making the backend-server |
| Multer-JS | It has been used for uploading the images |
- First you need to have some basic
vscode,node-js,mongo-db - After the installation, you need to follow the given rules below
- First you should clone the repository
git clone repository_link - After that you should open the repository folders in vscode
- go to the folder name
node-serverandreact-client
npm install
# OR
npm install --legacy-peer-deps
- Make sure you are doing this for both the directory
- After you have completed the installation, you have to setup the emvironment variables (i will mention them below)
- Now you can start the application
- First start the backend (Node-Server)
npm run start:dev
- After that start the Frontend (React-Client)
npm start
- Now you can explore the application!!
This is very simple, you just have to make a file in the root directory, do this for only node-server. Name the file as .env
Node-Server
PORT = 6001
MONGO_URL = mongodb:https://127.0.0.1:27017/Social_MERN
JWT_SECRET = 60zwk9XlwCXJ2MctN5mL61Cuhysju3VZ
This is the main landing page of the application, where you can get the update for all the application
Features
- A user can give like in a post.
- A user can create a post (textual / image with text)
- A user add another person, by just simple sending friend request
- There is a dedicated advertisement panel
It has a build in dark mode, by which a user can easily switch from the light-mode to dark-mode, sometimes it changes on the base of system theme
This is the login page of our application which you can that there is validation in the field which has acheived using formik
This is the registration of our application, same as login page, this has been made using formik-js
Our application also has a dedicated user-page which contains all the information of user, he/she can easily track down the activities from this page
Thank you for visiting into my profile, do give a ⭐ in this repository, feel free to clone the repository. Follow my profile and social handles
Regards Arkajit Roy