An open API service indexing awesome lists of open source software.

https://github.com/martinxcvi/worknotes-app

Frontend of the 'WorkNotes' application. Developed with React and SASS. // API: https://github.com/MartinXCVI/worknotes-api
https://github.com/martinxcvi/worknotes-app

fullstack mern react redux sass vite webapp

Last synced: 3 months ago
JSON representation

Frontend of the 'WorkNotes' application. Developed with React and SASS. // API: https://github.com/MartinXCVI/worknotes-api

Awesome Lists containing this project

README

          

# WorkNotes Web App

## 📄 Introduction

The **client-side** for the [WorkNotes API](https://github.com/yourusername/worknotes-api). Built with **React**, **TypeScript**, **Redux Toolkit**, **SCSS** and **Vite**, this web app provides a secure, responsive, and user-friendly interface for managing work notes in teams, agencies, or small organizations.

---

## 🛰️ Technologies Used

- **Frontend:** React + TypeScript + Vite
- **State Management:** Redux Toolkit with RTK Query
- **Routing:** React Router DOM
- **Authentication:** JWT (access + refresh tokens), cookies

---

## 📋 Installation Guide

### Cloning the Repository

```bash
git clone https://github.com/MartinXCVI/worknotes-app.git
cd worknotes-app
```

### Install Dependencies

```sh
npm install
```

---

## 🚀 Running the App

#### Development

```bash
npm run dev
```

---

## 📚 Learn More

- [React official documentation](https://react.dev/)
- [TypeScript official documentation](https://www.typescriptlang.org/docs/)
- [Vite official documentation](https://vitejs.dev/guide/)
- [SASS official documentation](https://sass-lang.com/)
- [Redux Toolkit official starter guide](https://redux-toolkit.js.org/introduction/getting-started)
- [React Router's home page](https://reactrouter.com/home)
- [React Spinners NPM package](https://www.npmjs.com/package/react-spinners)
- [jwt-decode NPM package](https://www.npmjs.com/package/jwt-decode)

---

## 📜 License

This project is licensed under the [MIT License](LICENSE).

---

## 🧑‍💻 Developer

- [**MartinXCVI**](https://github.com/MartinXCVI)