MERN Stack Web Application Development
Budget: ₹1,500 – ₹12,500 INR
**Project’s Scope of Work**
1. Role based user login using JWT [Admin Login (1) & Staff Login (multiple)]
2. Dashboard with records counts, charts and graphs
3. 10 forms <Submit> Data to MongoDB, Send transactional email, SMS & WhatsApp
4. Generate UID for each record
5. Field validation and Duplicate entry validation
6. 35 record table with CRUD operation (Create, Read, Update, and Delete)
7. Download Report in Excel via admin
8. Coming Soon Index page with logo, countdown timer, submission form and record count from MongoDB <submit> Send Transactional welcome email, SMS & WhatsApp
9. Import current records from Excel to MongoDB prelaunch (one time)
10. Use only required files from admin template
11. VS Code to Github to AWS pipeline for daily update and deployment
**Technology to Use**
1. MongoDB is a NoSQL database that uses dynamic schemas and documents that resemble JSON to store data. MongoDB is a popular option for creating scalable web applications because it is effective at managing big amounts of data.
2. Express.js is a Node.js web application framework that offers a selection of functionality for creating online applications. Express.js is a well-liked option for developing online applications since it is compact, quick, and simple to use.
3. React.js is a JavaScript library used to create user interfaces. By disassembling complicated user interfaces into smaller, reusable components, React.js offers a declarative method for doing so.
4. Node.js is based on the V8 JavaScript engine in Chrome, and is a JavaScript runtime. The ability to run JavaScript on the server-side makes Node.js the perfect platform for creating web applications.
5. React Redux is the official React UI bindings layer. It lets your React components read data from a Redux store, and dispatch actions to the store to update state.
6. Firebase Authentication provides backend services, easy-to-use SDKs, and ready-made UI libraries to authenticate users to your app. It supports authentication using passwords, phone numbers, popular federated identity providers like Google, Facebook and Twitter, and more.
7. Brevo Messaging API allows to send Transactional email, SMS & WhatsApp via API
8. MongoDB Atlas is an integrated suite of cloud database and data services to accelerate and simplify how you build with data.
9. GitHub allows you to build and ship software on a single, collaborative platform.
**Timeline to Follow**
1. Project Meeting : 18 Hrs / 2 Days
2. Structure of Database Management System : 9 Hrs / 1 Day
3. Frontend Design : 18 Hrs / 2 Days
4. Backend & API : 36 Hrs / 4 Days
5. Client Testing, Feedback and Modifications : 18 Hrs / 2 Days
6. Deploy to AWS : 9 Hrs / 1 Day
**Template to Use**
1. Themeforest template https://skote-v-light.react.themesbrand.com/login (already Purchased licenses)
2. Welcome Email, SMS and WhatsApp template
3. Promotional Email, SMS and WhatsApp template
1. Role based user login using JWT [Admin Login (1) & Staff Login (multiple)]
2. Dashboard with records counts, charts and graphs
3. 10 forms <Submit> Data to MongoDB, Send transactional email, SMS & WhatsApp
4. Generate UID for each record
5. Field validation and Duplicate entry validation
6. 35 record table with CRUD operation (Create, Read, Update, and Delete)
7. Download Report in Excel via admin
8. Coming Soon Index page with logo, countdown timer, submission form and record count from MongoDB <submit> Send Transactional welcome email, SMS & WhatsApp
9. Import current records from Excel to MongoDB prelaunch (one time)
10. Use only required files from admin template
11. VS Code to Github to AWS pipeline for daily update and deployment
**Technology to Use**
1. MongoDB is a NoSQL database that uses dynamic schemas and documents that resemble JSON to store data. MongoDB is a popular option for creating scalable web applications because it is effective at managing big amounts of data.
2. Express.js is a Node.js web application framework that offers a selection of functionality for creating online applications. Express.js is a well-liked option for developing online applications since it is compact, quick, and simple to use.
3. React.js is a JavaScript library used to create user interfaces. By disassembling complicated user interfaces into smaller, reusable components, React.js offers a declarative method for doing so.
4. Node.js is based on the V8 JavaScript engine in Chrome, and is a JavaScript runtime. The ability to run JavaScript on the server-side makes Node.js the perfect platform for creating web applications.
5. React Redux is the official React UI bindings layer. It lets your React components read data from a Redux store, and dispatch actions to the store to update state.
6. Firebase Authentication provides backend services, easy-to-use SDKs, and ready-made UI libraries to authenticate users to your app. It supports authentication using passwords, phone numbers, popular federated identity providers like Google, Facebook and Twitter, and more.
7. Brevo Messaging API allows to send Transactional email, SMS & WhatsApp via API
8. MongoDB Atlas is an integrated suite of cloud database and data services to accelerate and simplify how you build with data.
9. GitHub allows you to build and ship software on a single, collaborative platform.
**Timeline to Follow**
1. Project Meeting : 18 Hrs / 2 Days
2. Structure of Database Management System : 9 Hrs / 1 Day
3. Frontend Design : 18 Hrs / 2 Days
4. Backend & API : 36 Hrs / 4 Days
5. Client Testing, Feedback and Modifications : 18 Hrs / 2 Days
6. Deploy to AWS : 9 Hrs / 1 Day
**Template to Use**
1. Themeforest template https://skote-v-light.react.themesbrand.com/login (already Purchased licenses)
2. Welcome Email, SMS and WhatsApp template
3. Promotional Email, SMS and WhatsApp template