Git Product home page Git Product logo

reactbook's Introduction

ReactBook

GitHub Language Count GitHub Top Language GitHub Last Commit Github License GitHub Contributors GitHub Closed Pull Requests

🔨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
  2. git clone https://github.com/Guilbertoliveira/ReactBook.git
    
  3. To install project dependencies (you need to have node.js installed)
  4. npm install
    
  5. To run the project locally
  6. npm start
    
  7. 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)

reactbook's People

Contributors

dependabot[bot] avatar guilbertoliveira avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

reactbook's Issues

Improvements to be made by me 💯

  • Creation and treatment of page 404
  • Login screen creation
  • Authentication and Token Insertion
  • Button logout localStorage
  • Registration page
  • Enter registration method
  • Voice search
  • implementation of dialogFlow in the project
  • Creation and implementation of category page filter
  • Improve project accessibility
  • Load creation for the data

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.