ReactBook

🔨Project Status🔨

Basic project completed, but improvements will be made.

Project description

Project made from scratch using react for the front end of the final project, the project has an integrated backend.

Improvements made by me

1. Dynamic input when the letters are typed, the result does not appear
2. Recognizes both uppercase and lowercase in the search field
3. Insertion of the prettier in the project along with the dependencies
4. New book filter and return of favorites if there are no books
5. New menu added for mobile version (not finalized)
6. Project designer improvement
7. Separation of styled component files
8. New inserted carousel (SwiperJs)
9. Favorite feature insertion
10. Modal insertion when click on card

Version Mobile

Tablet Mobile

Version Desktop

Adding card in favorites with post

Removing card with delete method

Book fetch get method

Technologies used

New feat enhancements:

Artisan model card

Screen login with register

Searching book by voice

Category page made dynamically and from 5 cards creates a carousel

Using React-tooltip

Logout token removal

Error page

Card skeleton

Mobile version the skeleton card is disabled

Project link

Vercel Link

To use the project:

1. Clone repository with gitbash

git clone https://github.com/Guilbertoliveira/ReactBook.git

2. To install project dependencies (you need to have node.js installed)

npm install

3. To run the project locally

npm start

4. Remembering that you need the backend that will be available at the link

Contributing

1. Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
2. Fork the Project
3. Create your Feature Branch (git checkout -b feature/AmazingFeature)
4. Commit your Changes (git commit -m 'Add some AmazingFeature')
5. Push to the Branch (git push origin feature/AmazingFeature)
6. Open a Pull Request

Conventional commits:

• feat: (new feature for the user, not a new feature for build script)
• fix: (bug fix for the user, not a fix to a build script)
• docs: (changes to the documentation)
• style: (formatting, missing semi colons, etc; no production code change)
• refactor: (refactoring production code, eg. renaming a variable)
• test: (adding missing tests, refactoring tests; no production code change)
• chore: (updating grunt tasks etc; no production code change)