Skip to content

SolutionVault-Inc/SolutionVault

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Solutions Vault App

React JavaScript TypeScript Vite Postgres Jest Git CSS3 HTML5 MUI Next JS forthebadge forthebadge forthebadge

Overview

The Solutions Vault App is a web application designed to help users manage and organize their problem-solving solutions efficiently. It provides features for creating, editing, and deleting problem entries, as well as categorizing them based on different categories like Front-End, Back-End, or Other. Users can also track the status of each problem, whether it's open or closed.

Features

  1. Problem Management:

    • Create new problem entries with a title, description, solution, category, and status.
    • Edit existing problems to update their details.
    • Delete problems when they are no longer relevant.
  2. Categorization:

    • Categorize problems based on their type, such as Front-End, Back-End, or Other.
  3. Status Tracking:

    • Track the status of each problem, whether it's open or closed.
  4. User Interface:

    • The user interface is intuitive and user-friendly, allowing users to easily navigate and interact with their problem entries.

Technologies Used

  • Frontend:

    • React: Used for building the user interface and managing state.
    • Material-UI: Provides pre-designed React components for building a responsive and visually appealing UI.
    • Next.js: A React framework for server-rendered applications.
  • Backend:

    • Node.js: A JavaScript runtime for building scalable and efficient server-side applications.
    • Express.js: A web application framework for Node.js used for routing and middleware functionality.
    • SQL: A database used for storing problem entries and their details.

Getting Started

To run the Solutions Vault App locally, follow these steps:

  1. Clone the repository: git clone <https://github.com/SolutionVault-Inc/SolutionVault.git>
  2. Navigate to the project directory: cd solutions-vault-app
  3. Install dependencies: npm install
  4. Start the development server: npm run dev
  5. Access the application at http://localhost:3000

Usage

  1. Creating a Problem:

    • Scroll to the "New Problem" form.
    • Fill in the required details such as title, description, solution, category, and status.
    • Click on the "Submit" button to create the problem entry.
  2. Editing a Problem:

    • Click on the "Edit" button next to the problem you want to edit.
    • Update the details as needed.
    • Click on the "Submit" button to save the changes.
  3. Deleting a Problem:

    • Click on the "Delete" button next to the problem you want to delete.
    • Confirm the deletion when prompted.
  4. Categorizing Problems:

    • When creating or editing a problem, select the appropriate category from the dropdown menu.
  5. Tracking Problem Status:

    • Choose the status of each problem as either "Open" or "Closed" when creating or editing.

Contributors

  • Mike Tagg
  • Sean Ryan
  • Haider Ali
  • Sofia Sarhiri

License

This project is licensed under the MIT License.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •