Git Product home page Git Product logo

jafferabbas-codes / instablue-web_application Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 4.69 MB

This is a social media web application built using MERN stack. This application will allow the users to register and sign in with an additional feature of resetting password and logging in through Gmail account. Through this social network application, users will be able to create, update and delete posts and can also view, follow and unfollow other users’ profile. Every user will also be able to like and comment other user’s posts

JavaScript 100.00%

instablue-web_application's Introduction

InstaBlue-Web_Application

This is a social media web application built using MERN stack. This application will allow the users to register and sign in with an additional feature of resetting password and logging in through Gmail account. Through this social network application, users will be able to create, update and delete posts and can also view, follow and unfollow other users’ profile. Every user will also be able to like and comment other user’s posts

Technical Details

We have used following technologies to make a fully custom application:

  • Node.js
  • REACT JS
  • MongoDB
  • Bootstrap 4.5 , HTML 5 and CSS

Setting up this application on your end

  1. Download Node js using https://nodejs.org/en/download/
  2. Clone the repo in your code editor.
  3. Run the command npm install to install all the dependencies of the project.
  4. Use npm run dev to run the backend server on port 8001.
  5. Use npm start to run the frontend server on port 3000.

Few Screenshots of the application

Sign up Page

signup

Sign in Page

signin

News feed

newsfeed

Single Post

post

All Users

users

Create New Post

createpost

User Profile - Here user will be able to update/delete his/her profile and will also be able to create a post by clicking on specific buttons.

profile

User followers and following will be shown as a modal by clicking on these button

followers

Login as Admin

Admin Dashboard - showing all the users and the admin will be able to delete the user profile upon going inside the user profile

admin

We have tried our best to make this project bug-free. Thankyou for taking insterest in this project. We hope you must have liked it. :)

instablue-web_application's People

Contributors

jafferabbas-codes avatar syeda-batool99 avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.