1.2

.gitignore

@@ -1,3 +1,8 @@
 node_modules/
 */node_modules/
 */build/
+
+**/node_modules/
+**/build/
+.DS_Store
+.env

README.md

@@ -1,6 +1,6 @@
 
 
-# test32
+# 321
 
 ## This project was generated by [Flatlogic Platform](https://flatlogic.com).
 

backend/README.md

@@ -1,4 +1,4 @@
-#test32 - template backend,
+#321 - template backend,
 
 #### Run App on local machine:
 
@@ -38,10 +38,10 @@
 
 - Type this command to creating a new database.
 
-  - `postgres=> CREATE DATABASE db_test32;`
+  - `postgres=> CREATE DATABASE db_321;`
 
 - Then give that new user privileges to the new database then quit the `psql`.
-  - `postgres=> GRANT ALL PRIVILEGES ON DATABASE db_test32 TO admin;`
+  - `postgres=> GRANT ALL PRIVILEGES ON DATABASE db_321 TO admin;`
   - `postgres=> \q`
 
 ---

backend/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "test32",
-  "description": "test32 - template backend",
+  "name": "321",
+  "description": "321 - template backend",
   "scripts": {
     "start": "npm run db:migrate && npm run db:seed && npm run watch",
     "db:migrate": "sequelize-cli db:migrate",

backend/src/config.js

@@ -3,7 +3,7 @@ const os = require('os');
 const config = {
   gcloud: {
     bucket: 'fldemo-files',
-    hash: '61c44fe65925b32254d47f2345182f3e',
+    hash: 'afeefb9d49f5b7977577876b99532ac7',
   },
   bcrypt: {
     saltRounds: 12,
@@ -36,7 +36,7 @@ const config = {
   },
   uploadDir: os.tmpdir(),
   email: {
-    from: 'test32 <app@flatlogic.app>',
+    from: '321 <app@flatlogic.app>',
     host: 'email-smtp.us-east-1.amazonaws.com',
     port: 587,
     auth: {

backend/src/db/db.config.js

@@ -13,7 +13,7 @@ module.exports = {
     username: 'postgres',
     dialect: 'postgres',
     password: '',
-    database: 'db_test32',
+    database: 'db_321',
     host: process.env.DB_HOST || 'localhost',
     logging: console.log,
     seederStorage: 'sequelize',

backend/src/db/seeders/20231127130745-sample-data.js

@@ -89,7 +89,7 @@ const LeadsData = [
   {
     name: 'Acme Corp',
 
-    status: 'lost',
+    status: 'qualified',
 
     // type code here for "relation_one" field
 
@@ -99,7 +99,7 @@ const LeadsData = [
   {
     name: 'Globex Inc',
 
-    status: 'contacted',
+    status: 'lost',
 
     // type code here for "relation_one" field
 
@@ -109,7 +109,7 @@ const LeadsData = [
   {
     name: 'Initech',
 
-    status: 'new',
+    status: 'lost',
 
     // type code here for "relation_one" field
 
@@ -119,7 +119,7 @@ const LeadsData = [
   {
     name: 'Umbrella Corp',
 
-    status: 'new',
+    status: 'lost',
 
     // type code here for "relation_one" field
 

backend/src/index.js

@@ -43,9 +43,9 @@ const options = {
     openapi: '3.0.0',
     info: {
       version: '1.0.0',
-      title: 'test32',
+      title: '321',
       description:
-        'test32 Online REST API for Testing and Prototyping application. You can perform all major operations with your entities - create, delete and etc.',
+        '321 Online REST API for Testing and Prototyping application. You can perform all major operations with your entities - create, delete and etc.',
     },
     servers: [
       {

backend/src/services/notifications/list.js

@@ -1,6 +1,6 @@
 const errors = {
   app: {
-    title: 'test32',
+    title: '321',
   },
 
   auth: {

docker/docker-compose.yml

@@ -15,7 +15,7 @@ services:
       - ./data/db:/var/lib/postgresql/data
     environment:
       - POSTGRES_HOST_AUTH_METHOD=trust
-      - POSTGRES_DB=db_test32
+      - POSTGRES_DB=db_321
     ports:
       - "5432:5432"
   backend:

frontend/README.md

@@ -1,4 +1,4 @@
-# test32
+# 321
 
 ## This project was generated by Flatlogic Platform.
 

frontend/json/runtimeError.json

@@ -0,0 +1 @@
+{}

frontend/src/components/AsideMenuLayer.tsx

@@ -44,7 +44,7 @@ export default function AsideMenuLayer({
         >
           <div className='text-center flex-1 lg:text-left lg:pl-6 xl:text-center xl:pl-0'>
             <Link href={'/home'}>
-              <b className='font-black'>test32</b>
+              <b className='font-black'>321</b>
             </Link>
           </div>
           <button

frontend/src/components/WebPageComponents/Header.tsx

@@ -21,7 +21,7 @@ export default function WebSiteHeader({
 
   const style = HeaderStyle.PAGES_RIGHT;
 
-  const design = HeaderDesigns.DESIGN_DIVERSITY;
+  const design = HeaderDesigns.DEFAULT_DESIGN;
   return (
     <header id='websiteHeader' className='overflow-hidden'>
       <div

frontend/src/pages/_app.tsx

@@ -71,9 +71,9 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout) {
     }
   }, []);
 
-  const title = 'test32';
+  const title = '321';
 
-  const description = 'test32 generated by Flatlogic';
+  const description = '321 generated by Flatlogic';
 
   const url = 'https://flatlogic.com/';
 

frontend/src/pages/index.tsx

@@ -27,7 +27,7 @@ import ContactFormSection from '../components/WebPageComponents/ContactFormCompo
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'test32';
+  const projectName = '321';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -125,10 +125,10 @@ export default function WebSite() {
           content={`Discover our CRM app tailored for the law industry, designed to connect departments, streamline operations, and enhance client interactions. Explore features, testimonials, and get in touch today.`}
         />
       </Head>
-      <WebSiteHeader projectName={'test32'} pages={pages} />
+      <WebSiteHeader projectName={'321'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'test32'}
+          projectName={'321'}
           image={['Law professionals collaborating efficiently']}
           mainText={`Revolutionize Your Law Firm's CRM`}
           subTitle={`Experience seamless integration with ${projectName}, the CRM tailored for the law industry. Connect departments, streamline operations, and enhance client interactions effortlessly.`}
@@ -137,9 +137,9 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'test32'}
+          projectName={'321'}
           image={['Dashboard showcasing CRM features']}
-          withBg={0}
+          withBg={1}
           features={features_points}
           mainText={`Unlock Your Firm's Potential with ${projectName}`}
           subTitle={`Discover how ${projectName} can transform your law firm's operations with these powerful features.`}
@@ -147,7 +147,7 @@ export default function WebSite() {
         />
 
         <AboutUsSection
-          projectName={'test32'}
+          projectName={'321'}
           image={['Team collaborating in modern office']}
           mainText={`Empowering Law Firms with ${projectName}`}
           subTitle={`At ${projectName}, we are dedicated to revolutionizing the legal industry by providing a comprehensive CRM solution. Our mission is to streamline operations, enhance client interactions, and drive success for law firms worldwide.`}
@@ -156,21 +156,21 @@ export default function WebSite() {
         />
 
         <TestimonialsSection
-          projectName={'test32'}
+          projectName={'321'}
           design={TestimonialsDesigns.MULTI_CARD_DISPLAY || ''}
           testimonials={testimonials}
           mainText={`What Our Clients Say About ${projectName} `}
         />
 
         <ContactFormSection
-          projectName={'test32'}
+          projectName={'321'}
           design={ContactFormDesigns.WITH_IMAGE || ''}
           image={['Person typing on a laptop']}
           mainText={`Get in Touch with ${projectName} `}
           subTitle={`Reach out to us anytime for inquiries or support. Our team at ${projectName} is here to assist you promptly and efficiently.`}
         />
       </main>
-      <WebSiteFooter projectName={'test32'} pages={pages} />
+      <WebSiteFooter projectName={'321'} pages={pages} />
     </div>
   );
 }

frontend/src/pages/login.tsx

@@ -50,7 +50,7 @@ export default function Login() {
     remember: true,
   });
 
-  const title = 'test32';
+  const title = '321';
 
   // Fetch Pexels image/video
   useEffect(() => {

frontend/src/pages/privacy-policy.tsx

@@ -5,7 +5,7 @@ import LayoutGuest from '../layouts/Guest';
 import { getPageTitle } from '../config';
 
 export default function PrivacyPolicy() {
-  const title = 'test32';
+  const title = '321';
   const [projectUrl, setProjectUrl] = useState('');
 
   useEffect(() => {

frontend/src/pages/terms-of-use.tsx

@@ -5,7 +5,7 @@ import LayoutGuest from '../layouts/Guest';
 import { getPageTitle } from '../config';
 
 export default function PrivacyPolicy() {
-  const title = 'test32';
+  const title = '321';
   const [projectUrl, setProjectUrl] = useState('');
 
   useEffect(() => {

frontend/src/pages/web_pages/about.tsx

@@ -21,7 +21,7 @@ import TestimonialsSection from '../../components/WebPageComponents/Testimonials
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'test32';
+  const projectName = '321';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -98,10 +98,10 @@ export default function WebSite() {
           content={`Learn more about our mission, values, and the team behind our innovative CRM solutions for the law industry. Explore client testimonials and our journey to revolutionize legal operations.`}
         />
       </Head>
-      <WebSiteHeader projectName={'test32'} pages={pages} />
+      <WebSiteHeader projectName={'321'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'test32'}
+          projectName={'321'}
           image={['Team brainstorming in modern office']}
           mainText={`Meet the Visionaries Behind ${projectName}`}
           subTitle={`Discover the passion and dedication driving ${projectName}. Our mission is to empower law firms with cutting-edge CRM solutions that streamline operations and enhance client relationships.`}
@@ -110,7 +110,7 @@ export default function WebSite() {
         />
 
         <AboutUsSection
-          projectName={'test32'}
+          projectName={'321'}
           image={['Team members discussing project goals']}
           mainText={`Our Journey with ${projectName}`}
           subTitle={`At ${projectName}, we are committed to transforming the legal industry with innovative CRM solutions. Our team is dedicated to providing tools that enhance efficiency and client satisfaction.`}
@@ -119,13 +119,13 @@ export default function WebSite() {
         />
 
         <TestimonialsSection
-          projectName={'test32'}
+          projectName={'321'}
           design={TestimonialsDesigns.HORIZONTAL_CAROUSEL_DIVERSITY || ''}
           testimonials={testimonials}
           mainText={`Hear from Our Satisfied Clients `}
         />
       </main>
-      <WebSiteFooter projectName={'test32'} pages={pages} />
+      <WebSiteFooter projectName={'321'} pages={pages} />
     </div>
   );
 }

frontend/src/pages/web_pages/contact.tsx

@@ -18,7 +18,7 @@ import ContactFormSection from '../../components/WebPageComponents/ContactFormCo
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'test32';
+  const projectName = '321';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -62,10 +62,10 @@ export default function WebSite() {
           content={`Reach out to our team at ${projectName} for any inquiries or support. We are here to assist you with our CRM solutions tailored for the law industry.`}
         />
       </Head>
-      <WebSiteHeader projectName={'test32'} pages={pages} />
+      <WebSiteHeader projectName={'321'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'test32'}
+          projectName={'321'}
           image={['Customer support team assisting clients']}
           mainText={`Connect with ${projectName} Today`}
           subTitle={`Have questions or need assistance? Our team at ${projectName} is ready to help you with our CRM solutions tailored for the law industry. Reach out to us anytime.`}
@@ -74,14 +74,14 @@ export default function WebSite() {
         />
 
         <ContactFormSection
-          projectName={'test32'}
+          projectName={'321'}
           design={ContactFormDesigns.WITH_IMAGE || ''}
           image={['Person typing on a laptop']}
           mainText={`Reach Out to ${projectName} Support `}
           subTitle={`We're here to assist you with any inquiries or support needs. Contact us anytime, and our team will respond promptly to ensure you get the help you need.`}
         />
       </main>
-      <WebSiteFooter projectName={'test32'} pages={pages} />
+      <WebSiteFooter projectName={'321'} pages={pages} />
     </div>
   );
 }

frontend/src/pages/web_pages/faq.tsx

@@ -18,7 +18,7 @@ import FaqSection from '../../components/WebPageComponents/FaqComponent';
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'test32';
+  const projectName = '321';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -100,10 +100,10 @@ export default function WebSite() {
           content={`Find answers to common questions about ${projectName}. Learn more about our CRM solutions and how they can benefit your law firm.`}
         />
       </Head>
-      <WebSiteHeader projectName={'test32'} pages={pages} />
+      <WebSiteHeader projectName={'321'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'test32'}
+          projectName={'321'}
           image={['Person reading FAQ on tablet']}
           mainText={`Your Questions Answered with ${projectName}`}
           subTitle={`Explore our comprehensive FAQ section to find answers to your questions about ${projectName}. Learn how our CRM solutions can enhance your legal operations.`}
@@ -112,13 +112,13 @@ export default function WebSite() {
         />
 
         <FaqSection
-          projectName={'test32'}
+          projectName={'321'}
           design={FaqDesigns.ACCORDION || ''}
           faqs={faqs}
           mainText={`Frequently Asked Questions about ${projectName} `}
         />
       </main>
-      <WebSiteFooter projectName={'test32'} pages={pages} />
+      <WebSiteFooter projectName={'321'} pages={pages} />
     </div>
   );
 }

frontend/src/pages/web_pages/home.tsx

@@ -27,7 +27,7 @@ import ContactFormSection from '../../components/WebPageComponents/ContactFormCo
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'test32';
+  const projectName = '321';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -125,10 +125,10 @@ export default function WebSite() {
           content={`Discover our CRM app tailored for the law industry, designed to connect departments, streamline operations, and enhance client interactions. Explore features, testimonials, and get in touch today.`}
         />
       </Head>
-      <WebSiteHeader projectName={'test32'} pages={pages} />
+      <WebSiteHeader projectName={'321'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'test32'}
+          projectName={'321'}
           image={['Law professionals collaborating efficiently']}
           mainText={`Revolutionize Your Law Firm's CRM`}
           subTitle={`Experience seamless integration with ${projectName}, the CRM tailored for the law industry. Connect departments, streamline operations, and enhance client interactions effortlessly.`}
@@ -137,7 +137,7 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'test32'}
+          projectName={'321'}
           image={['Dashboard showcasing CRM features']}
           withBg={0}
           features={features_points}
@@ -147,7 +147,7 @@ export default function WebSite() {
         />
 
         <AboutUsSection
-          projectName={'test32'}
+          projectName={'321'}
           image={['Team collaborating in modern office']}
           mainText={`Empowering Law Firms with ${projectName}`}
           subTitle={`At ${projectName}, we are dedicated to revolutionizing the legal industry by providing a comprehensive CRM solution. Our mission is to streamline operations, enhance client interactions, and drive success for law firms worldwide.`}
@@ -156,21 +156,21 @@ export default function WebSite() {
         />
 
         <TestimonialsSection
-          projectName={'test32'}
+          projectName={'321'}
           design={TestimonialsDesigns.MULTI_CARD_DISPLAY || ''}
           testimonials={testimonials}
           mainText={`What Our Clients Say About ${projectName} `}
         />
 
         <ContactFormSection
-          projectName={'test32'}
+          projectName={'321'}
           design={ContactFormDesigns.WITH_IMAGE || ''}
           image={['Person typing on a laptop']}
           mainText={`Get in Touch with ${projectName} `}
           subTitle={`Reach out to us anytime for inquiries or support. Our team at ${projectName} is here to assist you promptly and efficiently.`}
         />
       </main>
-      <WebSiteFooter projectName={'test32'} pages={pages} />
+      <WebSiteFooter projectName={'321'} pages={pages} />
     </div>
   );
 }

frontend/src/pages/web_pages/services.tsx

@@ -21,7 +21,7 @@ import TestimonialsSection from '../../components/WebPageComponents/Testimonials
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'test32';
+  const projectName = '321';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -137,10 +137,10 @@ export default function WebSite() {
           content={`Explore the comprehensive services offered by our CRM solution tailored for the law industry. Discover how we can streamline your operations and improve client interactions.`}
         />
       </Head>
-      <WebSiteHeader projectName={'test32'} pages={pages} />
+      <WebSiteHeader projectName={'321'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'test32'}
+          projectName={'321'}
           image={['Law firm team in discussion']}
           mainText={`Transform Your Legal Services with ${projectName}`}
           subTitle={`Discover the range of services offered by ${projectName} to streamline your legal operations. Enhance efficiency, improve client interactions, and drive success with our tailored CRM solutions.`}
@@ -149,7 +149,7 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'test32'}
+          projectName={'321'}
           image={['Dashboard with CRM features']}
           withBg={1}
           features={features_points}
@@ -159,13 +159,13 @@ export default function WebSite() {
         />
 
         <TestimonialsSection
-          projectName={'test32'}
+          projectName={'321'}
           design={TestimonialsDesigns.MULTI_CARD_DISPLAY || ''}
           testimonials={testimonials}
           mainText={`Client Success Stories with ${projectName} `}
         />
       </main>
-      <WebSiteFooter projectName={'test32'} pages={pages} />
+      <WebSiteFooter projectName={'321'} pages={pages} />
     </div>
   );
 }