DrSLMac / habitual

Home Page:habitual-tau.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Table of Contents 🪷

Introduction

  • Habitual is an application built in React Native, based in IOS. This is an application that allows a user to browse through a list of quotes and save them to a list within the application for a daily dose of positive vibes.

Learning Goals

  • Gain competency with React Native fundamentals
  • Practice refactoring
  • Create a multi-page UX using React Native Navigation

Technologies and Tools

  • ReactNative
  • JSX
  • npm
  • Node.js
  • Cypress Testing
  • Express API
  • ReactPlayer
  • GitHub Projects
  • GitHub Issues
  • Figma
  • FigJam

Illustrations and Demo

Home Screen Display


Modal Display


Favorite Quotes Display


Checklist Display


Calendar View Display


Demo

Screen.Recording.2022-09-20.at.2.20.41.AM.mov

Project Reflections

Wins

  • Successfully rendered API Calls
  • Working in React Native
  • Successful use of React Native Modal
  • Successful use of React Native Carousel
  • Creating Express API
  • Working with React Navigation
  • Illustrations for icons
  • Working with Figma

Challenges

  • Sourcing accurate documentation for React Native
  • Accurately maintianing flow of data with Modal/Carousel
  • Accurately rendering modal for multiple different tiles

Roadmap

Future features could include:

  • Functioning carousel tile with link for creating a daily checklist
  • Chart to display habit-making trends
  • Calendar to track and guide habit-making daily, weekly, and monthly

Deployed Page

Visit the published site here

Set Up

  1. Fork this repo
  2. Clone the repo to your local machine
  3. cd into the root of the project directory
  4. Run npm install
  5. Run npm start

Please do the following to run API:

  1. Clone down https://github.com/GOECHA/mantras-api
  2. npm install
  3. node server.js

Contributors

Sources

Project Specs

  • The project spec & rubric can be found here

About

habitual-tau.vercel.app


Languages

Language:JavaScript 100.0%