Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/masoumehmohebbi/progressive-react-library-app

Progressive Library application created with React.js ,TailwindCss And django.
https://github.com/masoumehmohebbi/progressive-react-library-app

progressive-web-app progressive-web-applications pwa pwa-apps pwa-reactjs reactjs reactjs-pwa tailwindcss

Last synced: about 1 month ago
JSON representation

Progressive Library application created with React.js ,TailwindCss And django.

Awesome Lists containing this project

README

        

# Progressive library app 🏛️💻📖
The library-App is for registering books. Which makes it easier to manage your books to know what books you have read, what books you are going to read, how many books you have and even search your books.

![library-app](https://github.com/masoumehmohebbi/progressive-react-library-app/assets/88876100/c944b317-5dff-41e1-9b5e-2a6966b231b8)

🏗️ Built with



  • Programming Language ┈➤ JavaScript

  • JavaScript Library? ┈➤ ReactJs

  • Styling ┈➤ TailwindCss

  • State Managment ┈➤ Tanstck Query

  • Form validation ┈➤ React-Hook-Form

  • BackEnd ┈➤ Python - django




📦 Used Packages



  • axios

  • React-hook-form ➡ Verify Form

  • React-select ➡ Select Option

  • Tippy ➡ Nice Tooltip

  • react-hot-toast ➡ Pretty Toast

  • react-lazy-load-image-component

  • react-loader-spinner

  • react-otp-input

  • universal-cookie


⛓ Links


🤝 Contribution


BackEnd 🐍

🛠 Development setup


1. First, you need to clone the project:

```
git clone https://github.com/masoumehmohebbi/progressive-react-library-app
```

2. Then, install required packages:

```
npm i
```

3. Finally, run the dev script to start the dev server:

```
npm run dev
```