https://github.com/kislaykashyap-hub/dynamic-record-creation
Dynamic Record Creation project demonstrates the creation, management, and visualization of Salesforce records using Lightning Web Components (LWC) and Apex.
https://github.com/kislaykashyap-hub/dynamic-record-creation
apex apex-class api crud css git github html javascript lwc lwc-component salesforce salesforce-developers salesforce-lightning sfdx
Last synced: 3 months ago
JSON representation
Dynamic Record Creation project demonstrates the creation, management, and visualization of Salesforce records using Lightning Web Components (LWC) and Apex.
- Host: GitHub
- URL: https://github.com/kislaykashyap-hub/dynamic-record-creation
- Owner: KislayKashyap-hub
- Created: 2024-12-16T06:11:22.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-16T06:26:41.000Z (over 1 year ago)
- Last Synced: 2025-04-09T14:18:13.882Z (about 1 year ago)
- Topics: apex, apex-class, api, crud, css, git, github, html, javascript, lwc, lwc-component, salesforce, salesforce-developers, salesforce-lightning, sfdx
- Language: JavaScript
- Homepage: https://github.com/KislayKashyap-hub/Dynamic-Record-Creation
- Size: 13.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ✨ Dynamic Record Creation ✨
Welcome to the **Dynamic Record Creation** project! This project demonstrates the creation, management, and visualization of Salesforce records using Lightning Web Components (LWC) and Apex.
---
## 📚 Project Overview
This project focuses on dynamically managing **Accounts** and their related **Contacts**. It provides an interactive UI for CRUD (Create, Read, Update, Delete) operations and a seamless user experience through modals and data tables.
### 🔧 Features:
- ➕ **Create** Accounts and Contacts dynamically.
- 🔀 **View** and manage related Contacts per Account.
- ✅ **Update** existing records through modals.
- ❌ **Delete** multiple Contacts efficiently.
---
## 🔨 Technology Stack
- **Salesforce Lightning Web Components (LWC)** for the frontend.
- **Apex** for server-side logic.
- **HTML & CSS** for styling and responsive UI.
---
## 🖋️ Components Overview
### 1. **Dynamic1**
- Displays a list of **Accounts**.
- Enables opening modals for creating Contacts and viewing related Contacts.
### 2. **ContactManagementModal**
- Modal component for creating a new Contact.
- Features dynamic binding and validation.
### 3. **ViewDeletion**
- Displays Contacts related to a selected Account.
- Allows bulk deletion of Contacts.
---
## 🔧 Setup Instructions
### Prerequisites:
1. Salesforce Developer Org.
2. Salesforce CLI.
3. Git installed on your system.
### Steps:
1. Clone the repository:
```bash
git clone https://github.com//Dynamic-Record-Creation.git
```
2. Navigate to the project directory:
```bash
cd Dynamic-Record-Creation
```
3. Deploy the source code to your org:
```bash
sfdx force:source:deploy -p force-app/main/default
```
4. Assign the appropriate permission set to your user.
5. Open your Salesforce org and test the application.
---
## 🎨 User Interface Highlights
### Account Data Table
- Displays all Accounts in a neatly styled table.
- 📄 Includes action buttons for each Account.
### Contact Management Modal
- 🏢 Fully responsive modal for Contact creation.
- 🔒 Input validation ensures data integrity.
### Related Contacts View
- Displays all Contacts associated with a selected Account.
- 🔄 Bulk actions available for managing records.
---
## 🔧 Code Snippets
### Apex Controller
```apex
@AuraEnabled(cacheable=true)
public static List getAllAccount() {
return [SELECT Id, Name, Industry FROM Account];
}
```
### JavaScript (Dynamic1.js)
```javascript
@wire(getAllAccount)
wiredGetAccounts({ data, error }) {
if (data) {
this.accounts = data;
} else if (error) {
console.error(error);
}
}
```
---
## 🔧 Customization
### Adding Emojis and Styles
- Use emojis in the UI to make it more interactive. Example: Add 🔄 for refresh buttons.
- Style components using CSS:
```css
.slds-modal {
background-color: #f4f6f9;
border-radius: 8px;
}
```
---
## 🔧 Future Enhancements
- Add pagination for large data sets.
- Implement sorting and filtering options in tables.
- Introduce advanced validations for Contact creation.
---
## 🚀 Get Involved
- Found a bug? Report it via Issues.
- Want to contribute? Fork the repo and create a pull request.
---
## ❤️ Acknowledgments
Special thanks to the Salesforce community and Trailhead for providing resources to build this project.