Skip to main content

BSMS Project Development in Next js Framework

 BSMS system is sms campaign management system. That broadcast multiple sms campaigns of different vendors at the same time.

This project will be develop under different phases.

Phase1. 

Project development environment setup.

Tool installation into the pc

Phase 2.

Fresh next js project installation with fresh boiler plate.

Phase 3.

Make folder structure for the admin panel pages.

Phase 2 implementation

Project is installed with the following command

--npx create-next-app@latest

After hitting this command, answer few questions to setup project.

Phase 3 implementation

Folder structure

Inside src/app router the folder structure will divided into two parts

1. Admin 2. Client

1. For Admin

Admin folder structure must be like so

1. Authentication

1.1 admin/auth/login/page.tsx

1.2 admin/auth/forget-password/pages.tsx

1.3 admin/auth/change-password/pages.tsx

1.4 admin/auth/logout/page.tsx

2. Dashboard

2.1 admin/dashboard/page.tsx

show all sms stats, counters

3. Networks

3.1 admin/networks/page.tsx

3.2 admin/networks/addnew/page.tsx

3.3 admin/networks/edit/page.tsx

3.4 admin/networks/delete/page.tsx

4. Operators

4.1 admin/operators/page.tsx

4.2 admin/operators/edit/page.tsx //edit operator name

4.3 admin/operators/addaccount/page.tsx

4.4 admin/operators/removeaccount/page.tsx

4.5 admin/operators/details/page.tsx //show operators mask details

4.6 admin/operators/buckets/page.tsx // this is operator bucket

4.7 admin/operators/buckets/addnew.page.tsx // or use model on buckets page

5. Clients

5.1 admin/clients/page.tsx

5.2 admin/clients/edit.tsx

5.3 admin/clients/buckets/page.tsx

5.4 admin/clients/routing/page.tsx //display routing and update on same page

6. Masks

6.1 admin/masks/page.tsx

6.2 admin/masks/operator-wise-masks/page.tsx //show masks operator wise and assign mask to operator on the same page using model.

7. Logs

We have two types of logs.

7.1. Messages logs

7.2. Schedule logs

7.1 Messages logs

7.1.1 admin/logs/messages/page.tsx

7.2. Schedule logs

7.2.1 admin/logs/schedules/page.tsx

Note: Integrate advance search mechanism on same page on both message and schedule log.





Labels:

Comments

Post a Comment

Popular posts from this blog

Install MariaDB Latest Version 11.4 in Red Hat Version 9

 This this post i will show you step by step the installation process of mariaDB in red hat version 9. Step1 Run the command to pull the latest updated packages on applications installed in your system. -dnf update If you get Kernal update than reboot the system -reboot Step2 Go to official mariaDB site Make mariadb repository in /etc/yum.repos.d Place the configuration in this file # MariaDB 11.4 RedHatEnterpriseLinux repository list - created 2024-09-24 11:12 UTC # https://mariadb.org/download/ [mariadb] name = MariaDB # rpm.mariadb.org is a dynamic mirror if your preferred mirror goes offline. See https://mariadb.org/mirrorbits/ for details. # baseurl = https://rpm.mariadb.org/11.4/rhel/$releasever/$basearch baseurl = https://mirrors.aliyun.com/mariadb/yum/11.4/rhel/$releasever/$basearch # gpgkey = https://rpm.mariadb.org/RPM-GPG-KEY-MariaDB gpgkey = https://mirrors.aliyun.com/mariadb/yum/RPM-GPG-KEY-MariaDB gpgcheck = 1 Now install the mariaDB with its dependencies package...
Post a Comment
Read more

Car Company website Proposal Document.

 Car Company Website Proposal Document. What this website offers and give value to company and its customers. This site will showcase the products (vehicles) with simple and sleek design. It will show high impact vehicles images. The specification of vehicle which user can easily understand and make comparisons.  Features of this website both Front-End and Back-End side. Front-End Features 1. Landing page of website 1.1 This page will display classy look of the web design by showcasing different vehicle high resolution images. 1.2 Overview of all Services the company offering to their valuable customers 1.3 Testimonials Client feedback on your services and satisfaction with vehicle which build long term value to company and customer relationship. 1.4 Window Pop-up for showing  sales and events or any news. 2. Pages on this website 2.1 Services Page This page will demonstrate number of Maintenance Services of vehicles this company offers. Now there are two types of service...
Post a Comment
Read more

React js Commands

Navigation   1. Install React Router Dom npm install react-router-dom npm install react-router-dom@6
Post a Comment
Read more