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

Search This Blog

Web Developer World