Culture Interactive Project Research

-

 Culture Interactive

Error In Code:

  • Ui Is note Responsive.
  • Many Dependencies Is Installed But Never Used.
  • React is a single-page application but our project page is refreshed.
  • Add the account is work but the data storing time page is refreshed Also Deleting time refreshed.
  • Only Account Added and project add functionality are mentioned.
  • In signup and login, functionality is mentioned but not stored data in firestore.
  • Also, Contributor details are note added.
  • In code, most of the code is hardcoded not soft coded.

Folder Structure:

public 📂 👇

            index.html 📂👇

                                All HTML header section details are available here.

                                👉 Google Fonts Is CDN Mentioned Roboto.

                                👉 Remix-Icons CDN Mentioned

                                👉 Font Awesome Icon CDN Mentioned

                                👉 Bootstrap CSS CDN Mentioned Version 5.0.2

                               👉 Bootstrap Script CDN Mentioned

                               👉 JQuery CDN Mentioned  Version 3.2.1

                               👉 External Javascript  Code Mentioned in Body Section.

  src 📂 👇     

            components 📂 👇

                                        Dcomponents  📂 👇
                                                                            AccountEdit  📂 👇
                                                                                                            LeadEdit.jsx 👇
                                                                                                            PocEdit.jsx 👇
                                                                            Pcomponents 📂 👇
                                                                                                              Deliverables.jsx 👇
                                                                                                              Project_details.jsx 👇
                                                                                                              Shortlist.jsx 👇
                                                                                                              Stakeholders.jsx 👇
                                                                                                              Timeline.jsx 👇
                                                                            PcomponentsEdit 📂 👇
                                                                                                               DeliverablesEdit.jsx 👇
                                                                                                               ProjectdetailsEdit.jsx  👇
                                                                                                               ShortlistEdit.jsx 👇
                                                                                                               StakeholdersEdit.jsx 👇
                                                                                                               TimelineEdit.jsx  👇                    
                                                                            Account.jsx 👇
                                                                            Lead.jsx 👇
                                                                            Poc.jsx 👇
                                                                            Project.jsx 👇
                                                                            ProjectEdit.jsx 👇
                                                                            Table.jsx 👇
                                        images 📂 👇
                                                                All types of images available are mentioned here.
                                        Moodboard 📂 👇
                                                                    images  📂 👇
                                                                                            Moodbard Cards Images Mentioned Here.
                                                                    Crop.jsx 👇
                                                                                    No Functionality Available Here.
                                                                    Folder.jsx 👇 
                                                                                    May Be File Upload Functionality Here.
                                                                    Interactable.jsx 👇
                                                                    MoodBoard.jsx  👇 
                                                                                                    Mood Board Dashboard Mentioned Here Like Create Card.          
                                                                    ResizableBox.jsx 👇
                                                                                                    May Be Image Uploaded Resized Functionality.
                                                                    
                                        App.js 👇
                                                        All Route Mentioned Here. means path mentioned.
                                        Auth.js 👇
                                                        Authentication Functionality  Provide. (React context created here)
                                        Dashboard.jsx 👇
                                                                    Dashboard Structure is mentioned.
                                                                    Error is proper link tag is not mentioned.                           
                                        Home.js 👇
                                                            Conditions Mentioned here client is login then see the dashboard otherwise they redirect to the login page.
                                        Login.jsx 👇
                                                          👉 Condition Mentioned Client is already login then redirect to Dashboard Component.
                                                          👉 Login Functionality implemented login with EMAIL Account. 
                                        Projecttable.jsx 👇
                                                           👉 Project Table Is Mentioned Here That Show All Project Available In Data Base.
                                        Signup.jsx 👇
                                                            👉 Condition Is mentioned like user as already login then redirect to Dashboard Page.
                                                            👉 SignUp Functionality Mentioned Here. Means SignUp with Email Id.

            fonts 📂👇

                                   One of the fonts exported is available here.

            firebase.js 👇

                                Firebase  Project Config Mentioned Assess Two functionality Firestore, and auth.

            index.js 👇

                                React Dom Script Available for running overall project.

            styles.scss 👇

                                All External Scss Styling Available.

.gitignore 👇

package-lock.json 👇

                                        package-lock.json is automatically generated for any operations where npm modifies either the node_modules tree or package.json. It describes the exact tree that was generated, such that subsequent installs are able to generate identical trees, regardless of intermediate dependency updates.

package.json 👇

                            dependencies 👇

                                                        aws-sdk 👉 2.1011.0
                                                        dotenv  👉 10.0.0
                                                        firebase 👉 8.0.2
                                                        interact.js 👉 1.2.8
                                                        interactjs 👉1.10.11
                                                        jquery 👉 3.6.0
                                                        node-sass 👉 6.0.1
                                                        react-contextmenu 👉 2.14.0
                                                        react-dom 👉 7.0.2
                                                        react-drag-resize 👉 0.1.4
                                                        react-draggable 👉 4.4.4
                                                        react-image-crop 👉 8.6.12
                                                        react-resizable 👉 3.0.4
                                                        react-rnd 👉 10.3.5
                                                        react-router 👉 5.2.1
                                                        react-router-dom 👉 5.3.0
                                                        react-s 👉 3 1.3.1
                                                        react-script 👉 4.0.3
                                                        react-select 👉 5.1.0
                                                        reactablejs 👉 0.2.0
                                                        styled-components 👉 5.3.1

README.md 👇 

Comments

Post a Comment

Popular posts from this blog

Switching Tab in wix

-
Image
Multi State Boxes STEPS:- 1) First of all please on development mode in wix. 2) Click the + ( add) icon. 3) Select and click interactive 4) And select and drag and drop Boxes -> Multi state boxes. 6) And manage and rename state boxes like repeater  7) Add the code -> open code corvid  terminal and past the following code and changes the accordingly  8) code => $w.onReady( function  () {                 $w( '# add button id' ).onClick(() => {         $w( '# add state box id' ).changeState( " add box name edited " );     });       $w( '# next button id ' ).onClick(() => {         $w( '# add state box id ' ).changeState( " add box name " );     }); });  
Read more

Bootstrap /Flex-Boxs / Grids

-
Image
 Bootstrap Introduction:-                                 Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites. How To Accesses Bootstrap?                                                 First Link The Bootstrap CDN in HTML file in the header section.                 Like CSS CDN :- <link rel= "stylesheet" href= "https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity= "sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin= "anonymous" > <script src= "https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity= "sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" cros...
Read more