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

Module-1

-
  MODULE  CHANGE COLORE AND TEXT CHANGE HTML CODE <!-- @format --> <! DOCTYPE   html > < html   lang = "en" >    < head >      < meta   charset = "UTF-8"   />      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0"   />      < title > Module 1 </ title >      < link   rel = "stylesheet"   href = "style.css"   />      < link        rel = "stylesheet"        href = "https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"        integrity = "sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"        crossorigin = "anonymous"      />  ...
Read more

React Js Start

-
Image
  React Js Start React Js Introduction      React, sometimes referred to as a frontend JavaScript framework, is a JavaScript library created by Facebook.      React is a tool for building UI components. How to set up react js environment in my system? 1 . Go to the website 👉 https://nodejs.org/en/ . 2 . Click to Download  Current latest feature. 3. next go to the system Downloads then click on the download file. 4. then windows this type of screen shows: then click to Next. 5. Tike the accept term and condition checkbox and click Next. 6. Select The diaractery path and click on Next. 7. Click on Next. 8. Click on Next. 9. Click on Install. 10. Windows by default ask permission. click yes. 11. All package installing processes start. 12. Click on Finish. Congrats 👋 You have successfully installed node js on your PC. How to Check Node Js install or not on PC? 1. Open CMD And type Following Command; 👉 node --version => v17.0.1 👉 npm -...
Read more

Git and GitHub For Project

-
Image
 Git Commands How to clone any repository for GitHub to my PC? 1) Go to your GitHub account. 2)   Click to The To Right Menu of Your Profile Drop-down. 3)  In the dropdown click the option Your Organization . 4) All Organization display . 5) Select Your Current Organization . 6) Then Your selected organization dashboard is open . 7) Click on the Repositiors  option menu. 8) After Clicking all repositories display now. 9) Selec t To you Clone which repository. 10) After selecting your selected repo displa y now. 11) Click to the Green Color Code button drop-down. 12) After Clicking display all options you can clone using the Download zip file . My suggestion Copy HTTPS Url. 14) After Succesful copying th e HTTPS URL. then create a folder to any diaractry. 15)   then after creating a folder right click on the folder and select the optio n open with git bach. 16) Git Bach window Open Sussesfuly. 17) In Git Bach Type Command git clone and  past...
Read more