https://github.com/shikhu51197/bpk-assign

BPK-Assign Application lets you log in and Create a Project, show a Project list, and update, and delete Projects.
https://github.com/shikhu51197/bpk-assign

chakraui html-css-javascript reactjs

Last synced: 7 months ago
JSON representation

BPK-Assign Application lets you log in and Create a Project, show a Project list, and update, and delete Projects.

• Host: GitHub
• URL: https://github.com/shikhu51197/bpk-assign
• Owner: shikhu51197
• Created: 2023-12-02T18:23:02.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-14T18:47:41.000Z (almost 2 years ago)
• Last Synced: 2025-01-31T15:41:51.294Z (8 months ago)
• Topics: chakraui, html-css-javascript, reactjs
• Language: JavaScript
• Homepage: https://bpk-assign-xnp5.vercel.app/
• Size: 4.06 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

> 💻 PROJECT NAME ✨ => 💻 BPK-Assign




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

[![Deployed App Vercel Link](https://img.shields.io/badge/Deployed_App_Vercel_Link-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://bpk-assign-xnp5.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`

  - `Redux`

    - #### 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 Signup, login|

| 2 | Home Page Design, responsive design |

| 3 |Create Project, Show Project list  |

| 4 |  Edit & delete Project|

---

# Package.json(Dependency)✨:-

 | Serial No            | Backend                      |  Frontend      |

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

| 1 | nodemon | Material-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)

BPK-Assign 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.

---✨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. 

✨Edit and delete project data.

---

## Flow

```mermaid

graph TD;

 App-->HomePage

HomePage-->LoginPage

LoginPage--> CreateProjectPage

CreateProjectPage--> ShowProjectPage

ShowProjectPage-->EditProject

EditProject--> DeleteProjectpage

```

---

✨Thank You✨