Giter Club home page Giter Club logo

hashtag-ask's Introduction

#ask - Open Source Ticketing System

Redefining Ticket Requests

#ask

Overview:

๐ŸŽซ The #ask platform is a simple ticketing system designed to enhance issue management and streamline task tracking within an organization. Built using Next JS for the frontend and Supabase as the backend, this platform offers a dynamic and collaborative approach to handling tickets across different departments.

Features

  1. Dynamic Form (#ask) Creation ๐Ÿ“‹

    • Managers and Assignor have the ability to dynamically create ticket forms tailored to the specific needs of their department.
    • Forms serve as a structured means of capturing information related to issues and tasks.
  2. User Roles ๐Ÿ‘ฅ

    • The system distinguishes between three main user roles: Managers, Assignor and Members.
    • Managers are granted the privilege to manage organisation, workspace and #ask.
    • Assignor can assign these #ask to the members of there workspace
    • while Members can work and resolve on #ask.
  3. Departmental Workspaces ๐Ÿข

    • Managers can efficiently organize their departments/workspace by adding members to their team.
    • This ensures that each department has a designated set of users with specific responsibilities.
  4. Cross-Department Ticketing โ†”๏ธ

    • Users, both Members and Managers, can raise tickets that span across different departments.
    • This feature promotes collaboration and facilitates the resolution of inter-departmental issues.
  5. Ticket Assignment ๐ŸŽซ

    • Assignor hold the authority to assign tickets to specific members within their department.
    • This functionality enables the delegation of tasks and ensures a structured workflow.
  6. Real-Time Communication ๐Ÿ”„

    • The platform leverages Firebase Firestore for real-time data storage and retrieval.
    • Users can experience seamless and instant updates, promoting efficient communication and collaboration.
  7. User Authentication ๐Ÿ”

    • For Robust and easy user authentication mechanisms we are using Google Auth.
    • This includes role-based access control to manage permissions effectively.
  8. Task Tracking ๐Ÿ“ˆ

    • The system provides comprehensive task tracking capabilities, allowing users to monitor the status and progress of assigned tickets.
    • Managers can oversee the workload of their team, ensuring timely completion of tasks.

Read Architecture file to know more. โœจ

Learning Opportunities ๐Ÿš€

Embark on a dynamic learning journey with #ask's move to Next.js and Supabase! ๐ŸŒŸ Dive into Next.js for responsive interfaces while embracing Supabase's scalability. Explore secure authentication, role-based access, and dynamic form handling. ๐Ÿ›ก๏ธ Foster cross-departmental collaboration, refine Firestore databases, and elevate state management. ๐Ÿ—ƒ๏ธ Discover task management best practices, scalability tips, and UI/UX design principles. Get ready for a comprehensive modern web app development experience! โœจ

Installation:

  1. Clone the repository: git clone https://github.com/nirajmohanrana/hashtag-ask.git
  2. Install dependencies: npm install
  3. Create a .env.local file in root directory
  4. Add NEXT_PUBLIC_SUPABASE_URL=change-with-your-project-url and NEXT_PUBLIC_SUPABASE_ANON_KEY=change-with-your-anon-key
  5. Start the development server: npm run dev

Tech Stack:

  • Next JS
  • Supabase

Getting Started:

  1. Setup Supabase: ๐Ÿ› ๏ธ Configure Supabase for the database management needs of the application.
  2. Environment Variables: ๐Ÿ” Set up environment variables for Supabase configuration.
  3. Start Development: โ–ถ๏ธ Run the application locally for testing and development.

Contributing:

Contributions are welcome! Please fork the repository, create a new branch, and submit a pull request for any improvements, bug fixes, or new features. Read Contributions File to know more. โœจ

Contact:

For any inquiries or support, reach out to Me. ๐Ÿ“ง

hashtag-ask's People

Contributors

nirajmohanrana avatar abhay-singh-1913 avatar saurabhvishwakarma826 avatar apurvamishra4038 avatar krishi-agrawal avatar

Stargazers

 avatar  avatar

Watchers

 avatar

hashtag-ask's Issues

Animate the Kanban Card on hover effect

Is your feature request related to a problem? Please describe.
When I was useing this and i am not happy with the efffects and the animation of the kanban card

Describe the solution you'd like
It solution will be the anomation and the slow down the in and outt hover effect in the card effect

Describe alternatives you've considered
Previously I have seen some where the hover effect like this would be good and I would be like that, to recommend

Untitled.video.-.Made.with.Clipchamp.mp4

[BUG] : Board Example Overflowed

Describe the bug
The content exceeds its container's boundaries and overlaps with another element.

To Reproduce
Steps to reproduce the behaviour:

  1. Go to 'Home Page'
  2. Scroll down to 'Easy To Manage Boards'
  3. Open DevTools
  4. Check Responsive
  5. See an error

Expected behavior
The content must be entirely visible within its designated container without any interference with other elements.

Screenshots
If applicable, add screenshots to help explain your problem.
Screenshot 2024-01-04 195213

Missing HomePage Representation

In the current project, there is a notable absence of a dedicated homepage, which serves as the primary landing page for users. A homepage typically provides an overview of the application, introduces key features, and guides users on how to navigate the system. Its absence can lead to a less intuitive user experience and may result in users feeling disoriented when accessing the application.

More clearity needed

Describe the bug
This issue with text overlapping in home page

Expected behavior
Adjust the text for clear visual of text in home page

Screenshots
image

Add Missing About Page

Description:
Currently, the project lacks an "About" page, which is crucial for providing users with essential information about the project, its purpose, and the team behind it. An "About" page is essential for enhancing user understanding, building trust, and creating a more engaging experience. This issue is raised to request the addition of a well-documented "About" page to address this gap.

Expected Behavior:
The project should include a dedicated "About" page accessible from the main navigation or footer. The page should contain relevant information such as:

  1. Project's Purpose
  2. Vision and Mission
  3. Key Features
  4. Contact Information

Cluttered Homepage

Describe the bug
The Homepage has lots of information to grasp clear it make it more concize and more functional less reading

To Reproduce
Steps to reproduce the behavior:

  1. Clone Repo
  2. npm i && npm run dev
  3. open in browser

Expected behavior
The Respresentation must be clear and consize

Screenshots
HomePage
Mobile View 3rd Example
image

feat. Need for workspace & organisation page for users to handle their workflows

Is your feature request related to a problem? Please describe.
Currently there is no way yo manage their workflows within the existing system. There's a need for a organized workspace that allows seamless handling of tasks, projects, and information.

Describe the solution you'd like
I would like to see an enhanced workspace and organizational page integrated into the platform. This feature would allow users to create, organize, and manage their workflows effectively. It should include customizable task lists, project boards, and file organization tools, offering a user-friendly interface for streamlined workflow management.

Additional context
This feature request aims to simplify users' workflow management within the platform, reducing the need to rely on external tools or systems. A well-organized workspace will enhance productivity and user satisfaction, ultimately contributing to a more efficient user experience.

Sign up and Log in feature is needed

Is your feature request related to a problem? Please describe.
Our platform lacks dedicated sign-up and login pages, causing inconvenience for users.

Describe the solution you'd like
Add a user-friendly sign-up page for new users and a straightforward login page for existing users. These pages should include essential fields and prioritize simplicity.

Describe alternatives you've considered
Considered alternatives include directing users to sign up or log in through third-party platforms. However, dedicated pages within our platform offer a more straightforward and cohesive solution.

Additional context
Sign-up and login pages are fundamental for user experience, aiding in user acquisition and retention. Attaching simple mockups can convey the proposed changes effectively.

[BUG]-Drag issue in Kanban Board

Describe the bug
There is an issue kanban board where once once a column is empty the user cant drag the card again

To Reproduce
Steps to reproduce the behavior:

  1. Navigate to Home page's Board Section
  2. Empty any one column
  3. Try to drag a card from any column to that empty column
  4. The User is unable to do this

Expected behavior
User should able to drag cards on any column without any hassle

Screenshots
image

Reproducible on all devices

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.