Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/emnetdegafe/allesoverfilm-client
Alles Over Film is an individual portfolio project I made after taking an 11 weeks-long web development course at Codaussure. The idea of making a mobile app came from the owner of the review website. The owner as a film collector himself wanted the app to have the functionality of scanning a DVD/BLU RAY barcode when he is at shops and be able to compare prices with online stores such as Bol.com and Amazon. So the app is made to offer this possibility for users -- so this the main use story I tried to answer developing this app.
https://github.com/emnetdegafe/allesoverfilm-client
api-client axios barcode-scanner express-js javascript react react-native react-native-app
Last synced: 4 days ago
JSON representation
Alles Over Film is an individual portfolio project I made after taking an 11 weeks-long web development course at Codaussure. The idea of making a mobile app came from the owner of the review website. The owner as a film collector himself wanted the app to have the functionality of scanning a DVD/BLU RAY barcode when he is at shops and be able to compare prices with online stores such as Bol.com and Amazon. So the app is made to offer this possibility for users -- so this the main use story I tried to answer developing this app.
- Host: GitHub
- URL: https://github.com/emnetdegafe/allesoverfilm-client
- Owner: Emnetdegafe
- Created: 2020-07-20T19:32:38.000Z (over 4 years ago)
- Default Branch: development
- Last Pushed: 2023-01-26T22:13:32.000Z (almost 2 years ago)
- Last Synced: 2023-03-07T16:27:26.878Z (over 1 year ago)
- Topics: api-client, axios, barcode-scanner, express-js, javascript, react, react-native, react-native-app
- Language: JavaScript
- Homepage:
- Size: 3.68 MB
- Stars: 3
- Watchers: 0
- Forks: 0
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# The Project (AllesOverFilm)
**Alles Over Film** is an individual portfolio project I made after taking a 9 weeks long web development course at Codaussure. The project is a mobile phone app for [Alles Over Film](https://allesoverfilm.nl/), a dutch film review website.
The idea of making a mobile app came from the owner of the review website. The owner, as a film collector himself, wanted a mobile app that has the functionality of scanning a BLU RAY/DVD/UHD barcode when he is at shops so he can compare prices with online stores such as Bol.com and Amazon. So the app is made to offer this functunality for users -- so this the main user story I tried to answer developing this app.
In this project, I was expected to showcase how well I implemented the technics and the tools I learned in the duration of the course. The main learning goals in making this project is using the skills I learned in building a well functioning Backend that can respond to requests from the frontend as well as an app that can provide the functionalities that respond to the user stories.
# specific learning goals:
- Write clean and clear code
- structure data and tools well
- use libraries well (learn how to use new ones)
- communicate the workflow and process well
- manage time better
# Description of the project
The project is a mobile app made using React Native for a Dutch film review website, Alles Over Film. The app, for the time being, is developed for android with the hope of extending it to IOS in the near future.
# Main features include:
- List film reviews with cover images, ratings, and other information - fetched from an API
- Barcode scanner functionality that responds with prices of the requested DVD/Blu ray from two online stores(Bol.com and Amazon.nl).
# Starting the app
- The app is made with React-Native using expo so you need Expo to try the app(either on your android phone or an Android Studio Emulator)
- The server at #AllesOverFilm-backend should run in order to fetch prices and the rest of the data displayed on the app.
# This repository contains:
- Screens folder contains the 4 screens, home, barcodescanner, reviewDetail, pricesAndReview(the screen after scanning the barcode) and About.
- Router Folder contains two stackNavigations(HomeStack and AboutStack) and DrowerNavigation file(see the image attached for further understanding of the app navigation)
- Images folder containes all the images used in the app as well as Gifs of the app screens.
- Components folder has the logo, BarcodeScanner Icon, and review list components, all these components are rendered in the HomeScreen and are Stack navigated.
# Essential links
[Wireframe](https://github.com/Emnetdegafe/allesOverFilm-client/tree/development/images/wireframe)
[Project Backlog Board](https://github.com/users/Emnetdegafe/projects/1)
[Frontend Repository](https://github.com/Emnetdegafe/allesOverFilm-client)
[Backend Repo link](https://github.com/Emnetdegafe/allesOverFilm-backend)
# Gifs of app screens
