Skip to content

Latest commit

聽

History

History
34 lines (23 loc) 路 1.41 KB

README.md

File metadata and controls

34 lines (23 loc) 路 1.41 KB
Raw

馃嵏 Mix!tUp

App for Bartenders Secret Sauce where they can find a quick instructions of making awesome cocktails. Built with Reactjs using TheCocktailDB API. This application was built for learning the fundamentals concepts of React. As a result of this, the application has a mixed several React APIs, including things like:

  • Class Components
  • Functional Components (Both Stateless and Stateful)
  • React Hooks - useState and useEffect
  • Context API
  • Portals
  • Error Boundaries and Many more.

馃敶 Live Preview

The application is live @ this link on Netlify.

App Preview

馃敀 Commands

Clone this repository the run command npm install from the root directory to install all the npm dependencies.

  • npm run build - build production ready version
  • npm run dev - running development server @ localhost:1234
  • npm run format - Prettier will format your code
  • npm run lint - running eslint

馃帀 Can Be Improved

There are lots of things can be added to this application. Things like adding responsiveness. I didn't touch on responsiveness at all, and this was very intentional as this was primarily built for learning purpose. Besides this, you can also add things like:

  • Storing favorite cocktail using LocalStorage
  • Improving overall search experience
  • May be a dark mode! Feel free to PR. 馃