https://github.com/ndenicolais/pwa-app

Progressive Web Application created with Vite.js based on React TypeScript template with the addition of React Router.
https://github.com/ndenicolais/pwa-app

pwa react react-router todolist typescript vitejs

Last synced: 3 days ago
JSON representation

Progressive Web Application created with Vite.js based on React TypeScript template with the addition of React Router.

• Host: GitHub
• URL: https://github.com/ndenicolais/pwa-app
• Owner: ndenicolais
• Created: 2022-05-18T09:55:44.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-06-24T14:16:03.000Z (over 2 years ago)
• Last Synced: 2024-04-18T00:15:19.815Z (10 months ago)
• Topics: pwa, react, react-router, todolist, typescript, vitejs
• Language: TypeScript
• Homepage:
• Size: 403 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# PWA APP



> Author: Nicola De Nicolais

This code represents a Progressive Web Application created with Vite.js based on React TypeScript template with the addition of React Router. Within the app there are sections including a Todo list that allows you to generate a list in which you can add, select and delete a task.

## 💻 Technologies used

[](https://vitejs.dev)

Vite.js is a much lighter development tool in terms of dependencies and allows you to set up a modern development environment for frameworks such as Vue, React and for JavaScript Vanilla. Featuring an HMR module and a bundler of modules for JavaScript, Rollup.

[](https://reactjs.org/)

React.js is a JavaScript library for creating user interfaces specific to single-page applications. It allows developers to create large web applications that can modify data without having to reload the page every time.

[](https://reactrouter.com/)

React Router is a complete JavaScript routing library that allows you to manage paths within a web application using so-called dynamic routing. It allows navigation between sections of various components in React applications and allows you to change the URL of the browser while keeping the user interface synchronized with the URL.

### Installation

```

npm install react-router-dom

yarn add react-router-dom

```

## 🛠️ Installation Steps

1) Clone this repository from GitHub

```

git clone https://github.com/ndenicolais/pwa-app`

```

2) Change the working directory

```

cd pwa-app-main

```

3) Install dependencies

```

npm install

yarn

```

4) Run the application in developer mode

```

npm run dev

yarn dev

```

5) Open [http://localhost:3000](http://localhost:3000) to view the application in the browser