Quotalicious

App for words of deliciousness

Table of contents

📷 Screenshots

🎥 Video

🧱 Tech Stack

🏃 Running Quotalicious

🕵️‍Observations

✍️ Author

Screenshots

A simple iOS app designed to make spreading inspiration not only an easy, but enjoyable experience. Quotalicious was built with the goal of creating something ready to deploy in the time frame I was given. I also wanted to hone my skills in API calls, passing states and try my hand at a new technology (React Native). I obviously found a new calling in animations 💚 Mostly I wanted an app that I could experience the entire life cycle of development within a deadline and make people laugh 😬 I suppose now I would like to deploy!

Video

🙅‍♀️ TLDR?

Here's a video demo on YouTube

Tech Stack

React Native

JavaScript

Expo

Airbnb Lottie Animations

Async Storage

Running Quotalicious

What you'll need:

• Code Editor (I use VS Code)
• Expo Client installed on your phone

1. Fork & clone this repo 🍴
2. cd quotalicious and run npm i
3. 🚀 Run npm start

iOS simulator: 💻

1. Download an iOS simulator (like this one)
2. Select 'run on iOS simulator' in the web browser that pops up

On your iOS device: 📱

1. Download 'Expo Client' from the App Store
2. Open the camera on your phone & point at the QR code in the brower or CLI
3. Select open in expo

Let it bundle and start inspiring! 💫

Observations

🧰 Room for improvements

• Gestures! Definitely need to wrap my head around this a bit better. The swipe is cool, but then I couldn't figure out how to have both swipe AND tap before the deadline. I just want everything to be touchable in all kinds of ways 😔

• Animations!! Right, I know I've got a butt tonne of lottie animations, but animated transitions absolutely stumped me. I tried to implement those really awesome transitions from good ol' Willy at FreeCodeCamp, but again, time was against me ⌛

• Testing testing testing

🔧 Next steps

• Deploy! 🎉

• Authentication!! 🗝️ Loved the idea of being able to see what your friends have saved and send them via the app! But then .... if you can share it through all the socials, maybe this isn't top of the list. 🤔

• A nice compromise might be to just have a profile page?

• Click on the quote author for more info on them - especially for the inspirational ones as some are pretty interesting people!

• I really wanted to have more splash screens to show the app functionality, but then is that just an excuse to use more animations .... 😏

• It's a pretty fun app, so having a ban on lame quotes like 'live laugh love' 🙄 would be pretty funny

Author

[Maylynn Ng] Github LinkedIn