https://github.com/shikhu51197/zuraventureassign

Zura Ventures Application lets you log in and Create a Project, show a Project list, and update, and delete Projects upload profiles.
https://github.com/shikhu51197/zuraventureassign

chakraui expressjs html-css-javascript mongodb nodejs reactjs redux

Last synced: 7 months ago
JSON representation

Zura Ventures Application lets you log in and Create a Project, show a Project list, and update, and delete Projects upload profiles.

Host: GitHub
URL: https://github.com/shikhu51197/zuraventureassign
Owner: shikhu51197
Created: 2023-11-30T11:29:02.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2023-11-30T20:35:14.000Z (almost 2 years ago)
Last Synced: 2025-01-31T15:41:38.233Z (9 months ago)
Topics: chakraui, expressjs, html-css-javascript, mongodb, nodejs, reactjs, redux
Language: JavaScript
Homepage: https://zuraventure-assign-fpvs.vercel.app/
Size: 316 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

          

> 💻 PROJECT NAME ✨ => 💻 zuraventureAssign

> 




[![Backend Deploy to Vercel](https://img.shields.io/badge/Backend_Deployed_Vercel_Link-0A66C2?style=for-the-badge&logo=ko-fi&logoColor=white)](https://zurabackend.onrender.com/)

[![Deployed App Vercel Link](https://img.shields.io/badge/Deployed_App_Vercel_Link-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://zuraventure-assign-fpvs.vercel.app/)

## 🔗 Profile Links✨

| Resume | Github                                                                                                                                   | Linkedin                                                                                                                                                            | Portfolio                                                                                                                                    | Blogger                                                                                                                                                           | Medium                                                                                                                                    |

| ------------- | ---------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |

| [![Resume](https://img.shields.io/badge/my_Resume-E75480?style=for-the-badge&logo=ko-fi&logoColor=white)](https://drive.google.com/file/d/1YE62u2ChjmlR-EKeqZ75UvFMg_KcY86T/view?usp=sharing) | [![github](https://img.shields.io/badge/github-1DA1F2?style=for-the-badge&logo=github&logoColor=white)](https://github.com/shikhu51197/)| [![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/shikha-gupta-12a2b5199) |[![portfolio](https://img.shields.io/badge/my_portfolio-18A303?style=for-the-badge&logo=ionic&logoColor=white)](https://shikhu51197.github.io/) |[![Blogger](https://img.shields.io/badge/Blogger-FE5A1D?style=for-the-badge&logo=Blogger&logoColor=white)](https://wwwartificial-intelligence.blogspot.com/) |[![Medium](https://img.shields.io/badge/Medium-000?style=for-the-badge&logo=Medium&logoColor=white)](https://medium.com/@sg780060) |  

## 💫Tech-Stack->

- #### For Frontend:-

   - `HTML5`

  - `CSS3`

  - `JavaScript `

  - `ReactJS`

  - `ReactJS`

    - #### For Backend:-

   - `NodeJS`

   - `ExpressJS`

    - `MongoDB `

- #### For deploy database:- 

    

     - `Vercel`

   

- #### For Styling:-  

   - `Chakra UI `

  

- #### For live Project: -

   - `Vercel`

   

## ⭕Steps to run our project:

✨Clone the repository.

✨Run the command `npm install` in both the frontend and backend folders.

✨Run the command `npm run server` in the backend folder.

✨Run the command `npm start` in the frontend folder on localhost:3000.

---

## Features ✨:-

---

 | Serial No            | Feature                                                              |

| ----------------- | ------------------------

| 1 | User login,  upload profile page|

| 2 | Home Page Design, responsive design |

| 3 |Create Project, Show Project list  |

| 4 | Upload Project, Edit & delete Project|

| 5 | Dashboard page general & display  |

---

# Package.json(Dependency)✨:-

 | Serial No            | Backend                      |  Frontend      |

| ----------------- | ---------------------|------------------------ |

| 1 | nodemon | Chakra-ui |

| 2 | mongoose | React Router dom |

| 3 | cors | redux , react-icons |

| 4 | dotenv | react-redux , react-thunk |

| 5 | express | react-hot-toast |

⭕Steps to use our project:

---

![29013785_7450173](https://github.com/shikhu51197/zuraventureAssign/assets/107506646/60f740af-85e2-4a48-8bf9-c76acaf9c3d1)

Zura Ventures Application lets you log in and Create a Project, show a Project list, and update, and delete Projects.

---✨Getting Started:

✨Initialize the Application: To begin using the application, navigate to the frontend terminal and execute the command npm start. This will start the application locally, making it accessible through your web browser at port 3000.

✨Home Page: Upon launching the application, users are greeted with the home page, offering essential options for interaction like the Create a Project popup.

---✨User Journey:

💫Login: Users are provided with the choice to log in. This initial step ensures a personalized experience within the application.

✨Add Project: Following a successful login, users are taken to the Create Project page.

✨Show Project List: Once the project setup is complete, users can click on any projects to go to the upload projects page. 

✨Upload User Profile: Users can upload profiles.

✨Edit and delete project data.

---

## Flow

```mermaid

graph TD;

 App-->HomePage

HomePage-->LoginPage

LoginPage--> CreateProjectPage

CreateProjectPage--> ShowProjectPage

ShowProjectPage-->DashboardPage

DashboardPage-->UploadProjectPage

DashboardPage--> WebgetConfigrationPage

DashboardPage-->DeploymentPage

DashboardPage--> PricingPage

DashboardPage-->SettingsPage

SettingsPage-->UploadUserProfile

UploadProjectPage--> EditProject

UploadProjectPage--> DeleteProjectpage

WebgetConfigrationPage--> GeneralConfigrationpage

WebgetConfigrationPage--> DisplayConfigrationpage

WebgetConfigrationPage--> AdvanceConfigrationpage

```

---

✨Thank You✨

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

https://github.com/shikhu51197/zuraventureassign

Awesome Lists containing this project

README

✨Thank You✨