PROJECT

SmartList

TECHNOLOGY USED 

Sketch, React, Redux. Google Cloud Firebase

SUMMARY

I created an responsive web application to gain more experience with React development.

Live Website
SmartList Task Detail

Dynamic Updating

Using React and Google Firebase for this project allows for a realtime updates across all devices instantly. All changes are updated in the cloud and relayed to devices almost instantaneously to create a seamless experience. 

This website is also responsive to all screen sizes and devices. Using the lastest UI/ UX principles, this project was designed mobile first and then for desktop. This creates a great experience no matter what device a person is using.  

List Creation & Filtering

Lists can be created to group tasks together to filter for a specific set of tasks. 

Filters are updated in realtime and dynamically show tasks based on the list selected. 

iPad Tasks
SmartList Analytics

Analytics Tracking

After creating tasks, analytics are shown to keep track of a user’s progess. 

Analytics are displayed dynamically based on a user’s tasks and animated for effect. 

Findings

React & Redux

Creating this project has helped me learn new libraries and techonology stacks better. Before this, I was primarly knowledgable in iOS development and wanted to expand to create responsive web applications as well. This project has taught be how to code better in JavaScript while understanding how React works and can be used to create even bigger applications while still being efficient. 

JavaScript ES6 & CSS3

While building this application, I took advantage of the latest versions of JavaScript and CSS. These updated languages allowed me to write cleaner and more efficient code. One of the main goals of this project was to make the mobile experience just as good as the desktop and I believe I achieved that goal.

User Friendly and Useful

Using the latest technology is great for efficiency and scalability however, my primary goal is to always to create a user-friendly and useful product. I choose a simple to do list app because most people use to-do lists in their everyday life. This application makes it easy for a user to create, manage, and track their tasks anywhere they go in real time which helps them in their daily life.

NEXT PROJECT

Revi