https://github.com/sharjeelsafdar/project7b-timer-app

The repository contains the code for a Timer App. The app is bootstrapped with Create React App (CRA). The project is written using Typescript and Test Driven Development (TDD) approach. It has offline support thanks to service-worker.
https://github.com/sharjeelsafdar/project7b-timer-app

offline pomodoro pwa react servicewo tdd testing timer typescript

Last synced: 2 days ago
JSON representation

The repository contains the code for a Timer App. The app is bootstrapped with Create React App (CRA). The project is written using Typescript and Test Driven Development (TDD) approach. It has offline support thanks to service-worker.

• Host: GitHub
• URL: https://github.com/sharjeelsafdar/project7b-timer-app
• Owner: SharjeelSafdar
• Created: 2020-08-19T07:38:27.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-10-16T07:33:56.000Z (over 4 years ago)
• Last Synced: 2024-12-16T22:33:11.623Z (about 2 months ago)
• Topics: offline, pomodoro, pwa, react, servicewo, tdd, testing, timer, typescript
• Language: TypeScript
• Homepage: https://timer-app-p7b.netlify.app/
• Size: 602 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Project 7B: React Timer App (PWA)

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). It was created for submission in Pana Cloud Bootcamp 2020.

### Link to Web App

The web app has been deployed to Netlify, and can be accessed [here](https://timer-app-p7b.netlify.app/).

### Features

The following are some of the features of this project:

- Developed with Test Driven Development (TDD) approach

- CI/CD pipeline with Github Workflows

- Automated tests in CI/CD pipeline

- PWA- Installable on all OS (Android, iOS, Windows, etc.)

- Compliant with Lighthouse Audits

- Completely typed with Typescript

- Completely interactive design with CSS transitions

- Completely responsive design with CSS media queries

- Countdown timer (start, stop, reset)

### Learning Outcomes

The following are some of the learning outcomes of this project:

- Using Test Driven Development (TDD) approach for developing web apps

- Using [React Testing Library (RTL)](https://testing-library.com/docs/react-testing-library/intro) to write tests for React components

- Using [Jest](https://jestjs.io/) for assertions and running tests 

- Creating a PWA with ServiceWorkers and Manifest

- Using Typescript to develop a typed web app

- Building a web app with React.JS, Material-UI, React Icons