CRUD App using MERN Stack, it uses ReactJS for Front-end, NodeJS, Express For the Backend and Mongo DB as database!

Related tags

Boilerplate CRUD-APP
Overview

Book Collection List 💻

Demonstration of the application   |    Features   |    Technologies used   |    Application installation

💻 Demonstration of the application


Application status: Developed ✔️


About

CRUD App using MERN Stack, it uses ReactJS for Front-end, NodeJS, Express For the Backend, and Mongo DB as database! in this project, you can have a book collection which has a field for Title, Author, Category and price, you can add, update, and delete items! it has a form validation to make sure that the user doesn't send invalid info to the database.

⭐ Features

  • Create Book
  • Update Book
  • Remove Book
  • Form Validation

🚀 Technologies used:

react js mongo mongo css3 html5 css3


ℹ️ Application installation

  • https://github.com/VictorLira-DEV/CRUD-APP.git to clone the repository

🎲 Run application

To run the application on the web, follow the instructions :

  • make sure you are inside the project's folder on VScode
  • open up a terminal
  • run yarn install to install the dependencies of the project
  • inside the "server" folder run yarn run devStart<-- this will provide our data, address localhost:3004
  • open a new terminal, inside the "client" folder, run yarn start to run the application, will open at the address localhost:3000

You might also like...
An example to show a full end-to-end app using express and redux.

Sample Express-Redux Application Purpose This is a sample project to help you bootstrap an entire web application from end to end! When trying to buil

Buzzer Full Stack Development Assessment uses React and NodeJS to mimic social media functions

Buzzer-Full-Stack-Development-Assessment This project is a coding challange prov

Fullstack open source Invoicing application made with MongoDB, Express, React & Nodejs (MERN)
Fullstack open source Invoicing application made with MongoDB, Express, React & Nodejs (MERN)

arcinvoice.com MERN Stack Invoicing Application Built with the MERN stack (MongoDB, Express, React and NodeJS). Introduction Key Features Technologies

An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend.

An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend. All packages are structured as Yarn Workspaces and written in Typescript. In addition, the web application can be built as Docker image using a multi stage built supported Dockerfile.

Boilerplate with React client and Express backend written in TypeScript. Offers performance and extended functionality. Comes with SSR and without need to learn a framework. Helps to avoid frequent React-Express integration pitfalls. This the front-end part of the billionaires app built with reactJS.
This the front-end part of the billionaires app built with reactJS.

Appointments App (Front-end) This is the React front-end repository for an appointments web-app. We use React for the front-end, and Ruby on Rails for

Starter Antd 4.0 Admin App  Mern( Node.js / React / Redux / Ant Design ) Crud & Auth , Dashboard
Starter Antd 4.0 Admin App Mern( Node.js / React / Redux / Ant Design ) Crud & Auth , Dashboard

Starter Antd Admin (Crud & auth) Mern App (Express.js / React / Redux / MongoDB) App built for DigitalOcean MongoDB Hackathon CRM Starter Mern Antd Ad

Ini adalah kumpulan source code belajar website React JS dari Channel Youtube Prawito Hudoro, Materi CRUD React MERN
Ini adalah kumpulan source code belajar website React JS dari Channel Youtube Prawito Hudoro, Materi CRUD React MERN

MERN Basic Indonesia Screenshot Aplikasi Dokumentasi API https://documenter.getpostman.com/view/10749611/UVXbvKqe Pengertian MERN Mongo DB Adalah suat

Owner
Victor Lira
Star⭐️ my repo “Form", and I will star⭐️ all of your pinned repos!
Victor Lira
QABAS AL ANI 1 May 29, 2022
Palo-mern-boilerplate - A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly.

palo MERN boilerplate A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly. Commands: npm install # install b

Jim 10 Oct 31, 2022
A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly.

Palo MERN boilerplate A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly on new projects. Commands: npm ins

Palo IT Singapore 10 Oct 31, 2022
Full-stack React app built with Typescript, Bootstrap, Apollo client on the frontend, and NodeJS/Express, Typescript, Apollo server, and MongoDB/mongoose on the backend.

Event Scheduler App This project was bootstrapped with Create React App. Event Scheduler is a React app that allows users to create events. An event c

ahmed 8 Dec 1, 2022
A FULLSTACK Web Application built using MERN Stack (MongoDB, Express, React, Nodejs)

Socialize This is a FULLSTACK MERN Website. This Website uses Reactjs on the Fro

Shubham Patil 31 Dec 28, 2022
Free and open-source MERN Stack CRUD Application built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoose ODM

?? MERN Stack CRUD Application Free and open-source MERN Stack CRUD Application built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoos

Henok R. Bedassa 20 Dec 19, 2022
A web application for learning about your local politicians built with a React and Next.js front-end, an Express Node.js GraphQL backend API

Integra is a web application for learning about your local politicians. It is built with a React and Next.js front-end, an Express Node.js GraphQL backend API, and a MongoDB database with a Prisma schema.

Jeremy Nguyen 9 Dec 1, 2022
Boilerplate app for full-stack MERN app with Create React App client toolchain. Uses JWT for auth.

Boilerplate app for full-stack MERN app with Create React App client tool chain. Includes React, JWT authentication, Mongoose/MongoDB, Apollo Server/Client, and ExpressJS.

John Desrosiers 5 Feb 2, 2022
Full Stack tutorial using ReactJS, NodeJS, Express and MySQL

Run this project If you want to try the finished project: Go to Start with MySQL to create the database Download the project Go to the client folder a

Carlos Puente 1 Apr 15, 2022
MERN Stack App built with React, Redux, NodeJS, ExpressJS, MongoDB, and deployed to Ubuntu Server on AWS EC2 Instance

MERN Stack App built with React, Redux, NodeJS, ExpressJS, MongoDB, and deployed to Ubuntu Server on AWS EC2 Instance. JWT Authentication – Hook Up with ASP.NET Core 3.1

Christotle Agholor 3 Mar 5, 2022