SPE Final Project

- IMT2019071 Rohan Thakkar

IMT2019073 Ronit Jain

Abstract:

Ticket system application built with the MERN stack that allow teams to manage bugs,
requests, and other support tickets.

Features:
1. DashBoard Home:We can see all the tickets submitted by the users and there
status.
2. Submit a Ticket:We can submit tickets to the users regarding some work and we
can mention their priority
3. Manage User:We can create or delete users.
4. Manage Projects:We can create or delete projects

Software Development LifeCycle:

We have used npm and nodejs to create our project.

NPM
To install NPM into our system run the command as below:
brew install npm
nodejs
To install nodejs, run the command as below:

brew install nodejs

Source Control Management:

Source control Management is used for tracking the file changes history, source
code etc. It helps us in many ways in keeping the running project in a structured
and organised way. In this project, we’ll be using Github as SCM Tool which is a
cloud based version control system. Here we’ll be focusing on the frontend part
and the SCM setup, steps

Repo link: https://github.com/RohanThakkar28/SPE-Major-Project

The code is first pulled before making a push to make sure that our project is in the
latest stage and to avoid merge conflicts. For the above, the pull and push is done
on the “master” branch.

After creating a branch, required changes are done and a pull request to the main is
created.

Docker management:

Docker helps in making the software building process faster by the idea of images
and containers. Containers are isolated within the environment. Docker has also the
flexibility of building and pushing the Images to DockerHub. Dockerfile is a
simple text file that consists of a set of instructions to build Docker images
Lets look at the DockerFile which will make our Docker image:

Here what we are doing is:

- It creates a alpine image instead of a full node image which use less
memory, and gives better performance, security and maintainability.
- First we’ll set the base directory as app and copy all the required files
(relative from the root location )
- We’ll also copy all the files from the package.json and package-lock.jso
since they contain all the dependencies
- Now we’ll run npm install which will install all the files in the dependencies
- Now we’ ll copy all the files from the root folder of our directory and start
the production

Then we’ll build and tag the image and push it to dockerhub,this process is handled
in github actions via the docker plugin provided.

The docker image for the front-end is shown below:

Docker file for frontend

Docker file for backend

Images of the App
Use Case Diagram: