Code Monkey home page Code Monkey logo

hngx_task_one's Introduction

HGNx Stage One - task one

Mobile Developers

Slack Identity Mobile App

Project Description

Welcome to the Slack Identity Mobile App, a project developed during my internship journey. This mobile application is designed to highlight my Slack identity and seamlessly integrate my GitHub profile for easy access.

Features

  1. Slack Name Display: The app prominently features my Slack name on the main screen, ensuring easy identification.

  2. Display Picture: My high-quality Slack profile picture is seamlessly integrated into the main screen, adding a personal touch.

  3. Open GitHub Button: The standout feature of this app is the "Open GitHub" button. Tapping it redirects users to my GitHub profile using a WebView component, establishing a direct link between the app and my GitHub presence.

Achievements

  • Created an intuitive and user-friendly UI with clear labeling and navigation.
  • Ensured full responsiveness, providing a seamless experience on various device sizes.
  • Successfully implemented the "Open GitHub" button functionality for convenient GitHub profile access.

Project Repository

Find the source code and project files in the GitHub Repository.

Demonstration

Experience the app in action through a virtualized demo version on Appetize.io.

I'm proud of the outcome of this project, which not only meets the internship task but also demonstrates my commitment to user-centric and functional mobile app development. I look forward to continuing my journey in mobile development and exploring exciting projects in the future. Thank you for your interest and support!

Table of Contents

Getting Started

To get started with this project, follow these steps:

  1. Clone the repository:

    git clone https://github.com/KellyDanielO/hngx_task_one.git
    
  2. Enter the project directory

    cd hngx_task_one
  3. Download needed 3rd part dependencies

    flutter pub get
  4. Run The Application

    flutter run
    

Prerequisites

Installation

Windows

Prerequisites

Before you begin, make sure you have the following prerequisites installed:

  • Windows 7 or later (64-bit)
  • Git (for downloading Flutter and Dart)
  • PowerShell (recommended)

Installation

  1. Download the Flutter SDK:

    git clone https://github.com/flutter/flutter.git
    
  2. Add the Flutter bin directory to your system's PATH variable.

    flutter doctor
  3. Install missing dependencies as suggested by flutter doctor.

    flutter doctor
  4. Verify your installation:

    flutter --version
    

Linux

Prerequisites

Before you begin, make sure you have the following prerequisites installed:

  • Linux (64-bit)
  • Git (for downloading Flutter and Dart)

Installation

  1. Download the Flutter SDK:

    git clone https://github.com/flutter/flutter.git
    
  2. Add the Flutter bin directory to your system's PATH variable.

    export PATH="$PATH:`pwd`/flutter/bin"
    

You can add this line to your shell configuration file (e.g., ~/.bashrc, ~/.zshrc) to make it permanent.

  1. Install missing dependencies as suggested by flutter doctor.
    flutter doctor
  2. Verify your installation:
    flutter --version
    

macOS

Prerequisites

Before you begin, make sure you have the following prerequisites installed:

  • macOS (64-bit)
  • Xcode (for iOS development)
  • Git (for downloading Flutter and Dart)
  • Homebrew (recommended for package management)

Installation

  1. Download the Flutter SDK:

    git clone https://github.com/flutter/flutter.git
    
  2. Add the Flutter bin directory to your system's PATH variable.

    export PATH="$PATH:`pwd`/flutter/bin"
    

You can add this line to your shell configuration file (e.g., ~/.bashrc, ~/.zshrc) to make it permanent.

  1. Install missing dependencies as suggested by flutter doctor.
    flutter doctor
  2. Verify your installation:
    flutter --version

hngx_task_one's People

Contributors

kellydanielo 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.