Skip to content

Esmatullah-Hanif/MERN-CRUD-PWA

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

🤘 MERN Stack CRUD Progressive Web Application (PWA)

MERN Stack CRUD Progressive Web Application (PWA) built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoose ODM.

You can import the JSON File named 'Cruds' to your MongoDB. You will find it in the Server Folder

Download | Developer Portfolio

Progressive Web App (PWA)

Why PWA?

  • Works offline
  • Works on slower connections
  • Installable on Mobile Phones, Tabs and Desktop
  • Cross Platform (work on all browsers/systems)
  • Discoverable (on the search engines)
  • Responsive
  • Fast and lightweight

Developed with ❤️ by Henok R. Bedassa. If you love my project please star ⭐️ my repo!

Table View

You will find all the CRUD operations here. Create, Read, Update and Delete

image

CRUD Form

Here you can create new data

image

Grid View

This is an optional Grid View

  • Divided to 4 Cols
  • Clickabel Phone and Web URL

image

List View

This is an optional List View

  • Clickabel Phone and Web URL

image

Details View

Details view by Id

  • Clickabel Phone and Web URL

image

Installation

  1. Clone repository
git clone https://github.com/jackbalageru/MERN-CRUD.git

Install Client (React Files)

  1. Get in the client folder
cd client
  1. Install dependencies via npm or yarn
npm i
  1. Start Client
npm start

Install Server (Node Files)

  1. Get in the server folder
cd server
  1. Install dependencies via npm or yarn
npm i
  1. Start Server
nodemon server

Install Database (JSON File)

  1. Get in the server folder
cd server
  1. Import the following file to your MongoDB
Cruds

Support

For any additional information please refer to Henok R. Bedassa.

Thank you

About

A Progressive WEB App (PWA) MERN Stack CRUD app

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 87.0%
  • CSS 6.7%
  • HTML 6.2%
  • Shell 0.1%