Working URL: https://rgautam320-social.netlify.app
Home Page will show the posts by last uploaded. I have implemented pagination so at one time only Eight posts can be seen. If you are not logged in, then you can't make any post and like any post.
You can search post by Post Title and and filter post by tags.
It also supports JWT and Google Authentication. Only after Authentication, you can create and like post.
You can make comments, if you are authenticated and you can also see the recommended posts.
frontend
|___node_modules
|___public
| │ index.html
| │ logo.png
|___src
│ │___assets
│ │___components
| |___data
| | App.css
| | App.js
| | index.js
│ .env
│ README.md
| package.json
| package-lock.json
It contains all the npm packages.
It contains index.html and logo.png. Other files have been removed.
It contains Assets, Components, Containers, Data and Routers folders and App.css, App.js and index.js files.
It has all the static images we are using.
It has folders for all the components we are using and they are mostly categoried based on the Containers. Each component is having their own styles.js file which has all the required css for that component.
This folder is for Redux-Toolkit purpose.
Here, we are defining our constants and if we have something to modify, we are doing that here (Like Bootstrap classes).
This is our App.js file.
This is the main index.js file.
The locked packages are here.
All the dependencies, scripts are here.
backend
|___ node_modules
|___ controllers
|___ middleware
|___ models
|___ routes
│ .env
│ index.js
| package.json
| package-lock.json
It contains all the npm packages.
It contains all the logical files.
The middleware of our application.
Our application models.
Routes of our application
The environment variables for our app.
Main index.js file of the application.
The locked packages are here.
All the dependencies, scripts are here.
This is gitignore file where we will be mentioning all the ignored files and folders.
It's me😅