An easy to use bug tracking system with an intuitive user interface and instinctive workflow
Bug Tracking App designed especially for IMG.If you want to have a look on how website looks like then visit here. A bug tracking system or defect tracking system is a software application that keeps track of reported software bugs in software development projects. The ER Diagram I used to create models is here. This project satisfies all requirements as specified in here
. Some of the extra features I implemented are :
- Make avatar for users from name initials if no display_picture is given
- Search Users and Projects by Name
- A list of My Projects
- A section for My teams
- Profile Page for every user which can be visited with proper url like any other website
- Completely Responsive design
- Deletion of previous profile photo from server on changing dp to save space
For the project Backend I learned how to use:
- Django
- Django Rest Framework
- Oauth
- Django channels for websockets
- Django CKeditor
- Django RichTextField
For the project Frontend I learned how to use:
- React.JS
- React Redux
- React Router
- CKeditor-React
- write uploadAdapter for image support in CKeditor
- Axios
- Semantic UI
- React-Cookies
Extras:
- Dockerize your app.
- Python 3
- pip
- npm
- mysql
- Docker
- Clone this repository.
- This app is dockerized and connects to local mysql, if you do not have a user which has access to mysql via any host then you need to make a new user for that.
mysql -u root -p
CREATE USER '<<username>>'@'%%' IDENTIFIED BY '<<password>>';
GRANT ALL PRIVILEGES ON * . * TO '<<username>>'@'%%';
FLUSH PRIVILEGES;
- Create database bug.
- Change docker-compose.yaml accordingly.
- Create settings.ini as given in the example
- Make sure ports 6379, 8000, 3000 are not in use.
- Now navigate to Bug-Track-Master.
docker compose build
docker compose up -d
- Above commands will take a few mimutes to run properly.
- visit here
- Dockerize your app.
- For Redux you can visit CSS-Tricks and VALENTINO's blog.
- For a good grasp on React's lifecycle methods visit here
- React's documentation is more than sufficient to kick start your React-App.
- Django's poll app tutorial is good enough to give you knowledge of django's terminologies and usage.
- I found this axios cheatsheet really helpful.
- For django channels you can checkout official tutorial and Real Python