Giter VIP home page Giter VIP logo

bb-assessment's Introduction

Brandbook POC

To run this project on your local computer:

To install and run this programme on your local computer, you will need Node.js, MySQL and npm on your computer, and Expo Go on your mobile.

  1. Clone the repository to your local computer and navigate to the directory where you saved the repository.
  2. Create a MySQL database, add a user with a password, and grant permissions to the user on that database.
  3. In the .env file in the root of the project, save the above credentials to DATABASE_NAME, DATABASE_USERNAME, and DATABASE_PASSWORD variables, respectively.
  4. Start a terminal window in your repository's directory. Type npm install and wait for the process to run. This will ensure that you have the right dependencies installed.
  5. Type npm run development to start the server.
  6. Type cd client to navigate to the client folder.
  7. Once there, type npm start to start the client.
  8. When that is done, type w to view the app in your browser.
  9. To view the app on your iOS or Android device, you will need to install Expo Go on them. After that, you can scan the QR code in the terminal.

Steps taken:

  1. Create a MySQL database and user for the project.
  2. Create a Strapi project and connect it to the SQL database and user.
  3. Hide database login details and tokens in uncommitted .env file.
  4. Start Git repository and commit initial project setup.
  5. Create movies model on Strapi UI and grant all users access.
  6. Install GraphQL plugin and test the endpoint with a GraphQL query and mutation.
  7. Install Expo and use it to create a React Native project.
  8. Create a form to add movies and test the form within the client using console.log.
  9. Call the backend using a GraphQL query and test that a movie is being added to the database.
  10. Add styling and test iOS display. Ran out of time to learn Android Studio and test there.

Sources consulted outside of those provided:

Given more time, I would:

  • Debug the unresolved promise on iPhone
  • Test on Android studio emulator
  • Include validation and error handling on the front end
  • Add tests to the front end
  • Make use of Apollo client to simplify queries
  • Deploy the app to learn that process too
  • Enable the user to view, edit and delete watched movies
  • Improve UX and styling across

bb-assessment's People

Contributors

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