Mediabook

Introduction

Using React, Node.js, Express & MongoDB you'll learn how to build a Full Stack MERN Application - from start to finish. The App is called "Mediabook" and it is a simple social media app that allows users to post interesting events that happened in their lives.

💫💫💫   Live Demo 💫💫💫

📜   Table of contents

• Introduction
• Main Features
• Technologies
• Key Concepts

⭐   Introduction

Full Stack MERN Application - from start to finish.

The App is called "Mediabook" and it is a simple social media app that allows users to post interesting events that happened in their lives. with real app features like user authentication and social login using Google accounts and email.

🚩   Main Features

This App was made to post user's interesting events that happing in their day to day life

Users can post their event and like other users posts and comment on them

Project methodology

• Login and Logout system

  • Every user has to log in with google accounts to post the media.
  • Once the user is logged in, the user will able to use all the features of the app.
  • If the user has not logged in, the user will only be able to view/see posts from the other users.
  • That is if the user has not logged in, user will not able to access all the potential features of the app.

• Product life cycle

  • A user will log in into the app with their Google accounts
  • A user will post their memories through the form "Creating a Post".
  • After posting the memories. memories will appear on the memories section of the app.
  • From the memories section of the app, all users of the app will be able to see all the posts posted.
  • Any user can like and comment on the posts that are posted on the app.

• Other facilities

  • Users can edit their previous posts by click on the post.
  • Users can add tags to their post.
  • Users can search memories by memories title or tags.
  • Users can delete their respective posts.

💡   Key Concepts

• CRUD operations
• Authentication system
• Storing user data
• OOP (Object Oriented Programming)

💹   Technologies

Project is created with:

Backend

• Node Js : A asynchronous event-driven JavaScript runtime, Node.js is designed to build scalable network applications.
• Express : Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web applications.
• Mongoose : Mongoose is an Object Data Modeling (ODM) library for MongoDB and Node Js.
• MongoDB: MongoDB is a source-available cross-platform document-oriented database program. Classified as a NoSQL database program.
• JSON Web Tokens or JWTs : A JSON Web Token is used to send information that can be verified and trusted by means of a digital signature.

Frontend

• React JS:React JS is a free and open-source front-end JavaScript library for building user interfaces or UI components.
• Redux :Redux is an open-source JavaScript library for managing application state.
• React-Router : React Router is a library for routing in React. It enables the navigation among views of various components in a React Application.
• Axios : Promise based HTTP client for the browser and node.js.
• Material UI : Material-UI is simply a library that allows us to import and use different components to create a user interface in our React Js.

Alternatives to technology used

• React Js can be replaced by others popular fronted framework like Vue,Angular,Svelte or Ember
• Node Js can be replaced by Deno/koa , flask/Django
• Mongodb can be replaced by SQL type DB
• Material UI can be replaced by BootStrap