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.