Git Product home page Git Product logo

min-hinthar / social-media-app-mern-stack Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 0.0 11.13 MB

Fulll-Stack Social Media Web Application where developers can publish their blog posts and comment on other developers’ posts as well as adding/removing friend-network. MERN Stack with Material UI, Redux Toolkit, React Router, Redux Persist, React Dropzone, Node JS, DotEnv, MongoDB/Mongoose, JSON Web Token, Multer, GridFS Storage, Formik, Yup.

License: MIT License

JavaScript 97.28% Shell 0.21% HTML 2.26% CSS 0.24%

social-media-app-mern-stack's Introduction

Project Title [ Social-Media-App-MERN-Stack ]

Getting Started Getting Started Getting Started

Deployed on RENDER: https://the-republic-social-media-fe.onrender.com/


Table of Contents

  1. Description
  2. Installation
  3. Usage
  4. Contributing
  5. Tests
  6. License
  7. Questions

Description

Full-Stack Social Media Web Application where developers can publish their blog posts and comment on other developers’ posts as well as adding/removing friend-network. MERN Stack with Material UI, Redux Toolkit, React Router, Redux Persist, React Dropzone, Node JS, DotEnv, MongoDB/Mongoose, JSON Web Token, Multer, GridFS Storage, Formik, Yup.


Installation Req

Material UI, Redux Toolkit, React Router, Redux Persist, React Dropzone, Node JS, DotEnv, MongoDB/Mongoose, JSON Web Token, Multer, GridFS Storage, Formik, Yup


Usage

User Story

AS A developer who writes about tech

I WANT a MERN Stack blog site

SO THAT I can publish articles, blog posts, and my thoughts and opinions

Acceptance Criteria

GIVEN a MERN STACK blog site

WHEN I visit the site for the first time THEN I am presented with the homepage, which includes existing blog posts if any have been posted; navigation links for the homepage and the dashboard; and the option to log in

WHEN I click on the homepage option THEN I am taken to the homepage

WHEN I click on any other links in the navigation THEN I am prompted to either sign up or sign in

WHEN I choose to sign up THEN I am prompted to create a username and password

WHEN I click on the sign-up button THEN my user credentials are saved and I am logged into the site

WHEN I revisit the site at a later time and choose to sign in THEN I am prompted to enter my username and password

WHEN I am signed in to the site THEN I see navigation links for the homepage, the dashboard, and the option to log out

WHEN I click on the homepage option in the navigation THEN I am taken to the homepage and presented with existing blog posts that include the post title and the date created

WHEN I click on an existing blog post THEN I am presented with the post title, contents, post creator’s username, and date created for that post and have the option to leave a comment

WHEN I enter a comment and click on the submit button while signed in THEN the comment is saved and the post is updated to display the comment, the comment creator’s username, and the date created

WHEN I click on the dashboard option in the navigation THEN I am taken to the dashboard and presented with any blog posts I have already created and the option to add a new blog post

WHEN I click on the button to add a new blog post THEN I am prompted to enter both a title and contents for my blog post

WHEN I click on the button to create a new blog post THEN the title and contents of my post are saved and I am taken back to an updated dashboard with my new blog post

WHEN I click on one of my existing posts in the dashboard THEN I am able to delete or update my post and taken back to an updated dashboard

WHEN I click on the logout option in the navigation THEN I am signed out of the site

WHEN I am idle on the site for more than a set time THEN I am able to view comments but I am prompted to log in again before I can add, update, or delete comments


Contributing

YES


Tests

Insomnia


License

MIT


Questions

Deployed on RENDER: https://the-republic-social-media-fe.onrender.com/

GitHub Username: min-hinthar


social-media-app-mern-stack's People

Contributors

min-hinthar avatar

Stargazers

Bittu Kumar avatar

Watchers

Kostas Georgiou 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.