Coder Social home page Coder Social logo

cats-galore's Introduction

Cats Galore

Cats Galore is an app that lets you keep track of all your cats ๐Ÿ˜บ, and other animals you might have!

Due to my current OS, for the moment, it's an Android App. This project was built with React Native and just a couple of npm packages. I used Redux for state management and Redux Persist with Async Storage as a data storage solution.

Cats Galore demo

The Challenge

โœ”๏ธ Show all cats.
โœ”๏ธ Add new cats.
โœ”๏ธ Edit cat details.
โœ”๏ธ Delete cats from the list.

Try It Yourself

To run this app on your device or simulator you need to make sure your environment is correctly set up and ready to go. Check here for how to do it.
If you have any experience developing with React Native, chances are that your environment is alrady configured, lucky you! In any case, once your environment is ready:

  • clone this repo,
  • install the dependencies with npm i,
  • and then run npm run android to see the magic happen ๐ŸŽ‰.

Voilร ! ๐Ÿš€

Observations & Lessons Learned

  • There is a placeholder image for your cat (in case you are lazy), but your cat deserves to have its real face shown ๐Ÿ˜บ: use an image from your phone's library or take one on the spot.
  • I would make more elements of the design in variables, which would lead to a more maintainable and modular style. I would also try to keep the style-sheet out of the components or use styled components.
  • I'm happy with the reusability of the components, there is some repetition in the code but that is mostly due to time constraints and to the size of the app.
  • With the amount of data there is atm, Async Storage is just fine, but there are better choices for the data system if the amount of data and its complexity start to grow.

โญ Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

โญ License

MIT

cats-galore's People

Contributors

mjdelbianco avatar

Watchers

 avatar

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.