Giter VIP home page Giter VIP logo

meimo's Introduction

Meimo Project

Author

Thierry Khamphousone

Introduction

The Meimo app was designed to allows users to write notes to memorize several things. It is possible to save text and images in your Meimos and also has a registration and login system. The app is available for IOS & Android OS.

Designed using my own RESTful API Meimo. Here you will find the link to the project and its documentation.



App icon

designed by Caroline Khamphousone



Setting up the react-native project

Running on IOS Simulator

Requirements:

  • node
  • watchman
  • cocoapods
  • IOS Simulator
> git clone https://github.com/Yulypso/Meimo.git
> cd Meimo
> npm install
> cd ios
> pod install
> cd ..
> react-native run-ios

Running on Android Emulator

Requirements:

  • node
  • watchman
  • Android Emulator
> git clone https://github.com/Yulypso/Meimo.git
> cd Meimo
> npm install
> react-native run-android



Features

The project includes the use of several technical features and methods. So here is a list of what was used while coding the application.



Implementations

several features have been implemented within this application.

Screens

  • Login Screen
  • Register Screen
  • Home Screen
  • NewMeimo Screen
  • Detail Screen <\br>

Components

  • loader
  • Meimo item
  • Search bar
  • Picture item

Others

  • Navigator
  • Meimo List


How the mobile app works ?

Login Screen

When launching the application, the login screen is displayed. You can connect and access to your meimos. If you have no account, you navigate to the register screen.



Register Screen

Here is the register screen, let's create our account. if an account already exists, you cannot register with the same email.



Home Screen

Our account has been created, this is the Home screen, where our Meimo's list will be displayed.



New Meimo Screen

Let's create our first Meimo! And some others ...



Search bar feature

An amazing feature was set up for you to search your meimo among several of them!



Details Screen

the last added/edited Meimo goes to the top of the list.



Disconnect from the App

You can sign out from the App.



Login Screen

You can now reconnect to your personal meimo space. It automatically fetch back all your saved meimos!



Delete a Meimo

You can delete meimos.

Swipe left, then press on delete button.



Feature not implemented

I thought about adding a feature that would allow users to add their photos to their meimo before saving it. Here is the concept which is functional only locally. Photos are not saved.



Improvements

In order to improve the mobile application we can:

  • save pictures on a specific cloud and save its url into the database MongoDB
  • Improve the secury of the App
  • Improve the architecture of the RESTful API Meimo

meimo's People

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.