Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kainnhantumbo/bug-tracker
App to help with bug annotation and reporting.
https://github.com/kainnhantumbo/bug-tracker
react styled-components typescript vite
Last synced: 6 days ago
JSON representation
App to help with bug annotation and reporting.
- Host: GitHub
- URL: https://github.com/kainnhantumbo/bug-tracker
- Owner: KainNhantumbo
- License: apache-2.0
- Created: 2022-07-26T06:16:27.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-03-14T22:31:07.000Z (8 months ago)
- Last Synced: 2024-03-14T23:36:54.529Z (8 months ago)
- Topics: react, styled-components, typescript, vite
- Language: TypeScript
- Homepage: bug-tracker-pied.vercel.app
- Size: 1.61 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# Bug Tracker App (React + Typescript)
This is repository the **bug tracker app** built with React.JS and Typescript. To be short, the main goal here is to help developers to track, organize and view of the current or past bugs and issues, in a simple and more efficient way. You can find the API source code [here](https://github.com/KainNhantumbo/bug-tracker-api).
**Access this app live at: [https://bug-tracker-pied.vercel.app](https://bug-tracker-pied.vercel.app)**
**Here are some screenshots in default light and dark themes:**
| Mobile View (Default Dark Theme) | Mobile View (Default Light Theme) |
| :------------------------------: | :-------------------------------: |
|  |  |
## Project structure
```
$PROJECT_ROOT
│
├── @types
├── public
└── src
├── api
├── components
├── context
├── data
├── docs
├── reducers
├── routes
├── styles
├── tabs
└── utils
```
## Change Log
### Version 1.5.0
- New home page and design.
- Improved internal state management, stability and fixed found bugs.
| Desktop View (Drakula Theme) | Desktop View (Rumble Theme) |
| :--------------------------------: | :--------------------------------: |
|  |  |
### Version 1.4.0
- Rewrite of some parts of the aplication to improve performance.
- Improved stability of the state of user authentication.
- Removed unused and updated some dependency packages.
- Improved internal state management, stability and fixed found bugs.
### Version 1.2.0
- Implemented user authentication using tokens and refresh tokens strategy with secure httpOnly cookies.
- Improved application layout to be responsive on mobile devices.
- Improved performance in state management, stability and fixed some bugs.
### Version 1.0.0 released!
Finally, I just released the first stable version of the app. Has the development goes further I will be listing the introduced and new application features. For now, they are:
- This application is able to perform all CRUD operations to manipulate data to accomplish its purposes.
- Built from scratch, a custom, beautiful and clean user interface, all built powered with styled-components, and ofcourse, animations.
- Has more than just default dark and light themes, for now, there are 4 themes to choose, between light and dark themes. Uses the browser localStorage to save user theme preferences.
## Scripts for Testing
Make sure you have installed **Node.js (v16.15.1 or later recommended) and also comes with npm**.\
In the project directory, you can run in terminal:
```bash
npm run dev
```
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.\
You may also see any lint errors in the console.
```bash
npm run build
```
Builds the app for production to the **build folder**.\
It correctly bundles React in production mode and optimizes the build for the best performance.
## Contact
E-mail: [[email protected]]([email protected] 'Send an e-mail')\
Github: [https://github.com/KainNhantumbo](https://github.com/KainNhantumbo 'See my github profile')
Portfolio: [https://codenut-dev.vercel.app](https://codenut-dev.vercel.app 'See my portfolio website')\
My blog: [https://codenut-dev/blog.vercel.app](https://codenut-dev/blog.vercel.app 'Visit my website')
#### If you like this project, let me know by leaving a star on this repository so I can keep improving this app.😊😘
Best regards, see ya at work.\
**Crafted with ❤ React and Typescript**
## License
Licensed under Apache 2.0 License. All rights reserved.\
Copyright © 2022 Kain Nhantumbo.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.