Git Product home page Git Product logo

mern-simple-post's Introduction

Simple posts MERN STACK app

Setup for backend

Download the project or clone the repository from this repo https://github.com/bpeddapudi/MERN-simple-post.git

  • Once donwloaded go to the project folder add the projec to VS code.
  • Open your project in terminal
  • Go to backend folder cd backend
  • Before starting the project do npm install
  • once all the dependencies are intalled do npm run devStart

Setup for frontend

  • Open your project in terminal
  • Go to frontend folder cd frontend
  • Before starting the project do npm install
  • once all the dependencies are intalled do npm start

Goal of the worksheet.

  1. In your react app once you enter some text in post area and then clicked on post. New post data has to be sent to NodeJS via POST API and data has to be saved on MongoDB atlas
  2. Once new post is created successfully in database, new post should be shown below.
  3. All the posts should be shown under 'Enter your post' text area. All the posts should be in dark gray background as provided in the example.
  4. New posts should always show up in the top.
  5. Evey post should show date posted. This data is automatically generated in MongoDB. You guys need to format it and display it. Google for examples on how to work with Data strings in Javascript.
  6. When Delete button is clicked on any post. Respective post has to be deleted from Database via DELETE API. As soon the delete operation is successful React app should be updated.

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.