Coder Social home page Coder Social logo

zanecodejourney / tech-ticket-application Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 613 KB

Built with Next.js 14, Tailwind CSS, NextAuth, and Prisma, using Postgres as database and deployed on Vercel, is a full-stack project that demonstrates a modern approach to web application development.

Home Page: https://ticket-application-psi.vercel.app

CSS 2.29% TypeScript 97.47% JavaScript 0.24%
nextjs postgresql prisma react typescript

tech-ticket-application's Introduction

Tech Ticket Application

Project Description

This project is deployed on the website: https://ticket-application-psi.vercel.app/

This Tech Ticketing Application, built with Next.js 14, Tailwind CSS, NextAuth, and Prisma, using Postgres as database and deployed on Vercel, is a full-stack project that demonstrates a modern approach to web application development.

UI Overview

Here's a glimpse of the Application.


Figure 1: Ticket Overview


Figure 2: Dashboard View

Technical Stack

This application utilizes several modern web technologies, including:

  • Next.js 14: Used for server-side rendering, static site generation, and building the overall application structure.

  • Tailwind CSS: A utility-first CSS framework for creating custom designs without writing CSS from scratch.

  • Prisma: ORM: Efficient database management with MySQL, enabling CRUD operations and data modeling.

  • Next Auth: A complete solution for adding authentication and authorization to this applications.

  • Shadcn UI: A component library used to enhance the application's aesthetics with customizable UI elements.

Installation and Running

Firstly, install dependency and set up database:

npm install
npx prisma init --datasource-provider postgres
npx prisma migrate dev

Then, run the project:

npm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

How to Contribute

Contributions to this project are always welcome. Here's how you can help enhance its features or make improvements:

Fork the Repository

Start by forking the project repository, then clone your fork using:

git clone https://github.com/ZaneCodeJourney/Ticket-Application.git

Create a New Branch

It's recommended to create a new branch for each feature or fix:

git checkout -b name-of-your-new-branch

Make Your Changes

Implement your desired modifications or additions to the code.

Commit Your Changes

Once done, save your changes:

git commit -m "Provide a brief description of your changes here"

Push to Your Branch

Push your updates to your branch:

git push origin name-of-your-new-branch

Open a Pull Request

Navigate to the original project repository on GitHub and submit a pull request. Ensure you give a detailed explanation of the changes you've made.

Your contribution will be reviewed, and if it meets the project's standards and objectives, it'll be merged. Thanks in advance for your effort and input!

Contact Me

If you have questions or wish to discuss the project further, don't hesitate to reach out:

I'm always open to feedback, collaboration, or general inquiries. Looking forward to hearing from you!

tech-ticket-application's People

Contributors

zanecodejourney avatar

Watchers

 avatar

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.