If you want to take a look on all screens of the App, they are here.
The idea of the App is:
"Be a dashboard for sending notifications for specific users (or all users) from some datasource".
This project is part of my personal portfolio, so, I'll be happy if you could provide me any feedback about the project, code, structure or anything that you can report that could make me a better developer!
Email-me: stenio.wagner1@gmail.com
Connect with me at LinkedIn.
Also, you can use this Project as you wish, be for study, be for make improvements or earn money with it!
It's free!
-
This app uses Typescript, so, if you never used it before with React, this project could be a very good kickstart for you (I'm still learning, ok? 😉).
-
This project uses the React hooks all around (useCallback, useState, useEffect...), so, if you want to see these features in action, take a look on the project!
-
Speaking about hooks, this project shares a specific functionality with the expo-notifications-app, that is the functionality to fetch data using HTTP protocol. Both projects use exactly the same implementation, take a look: expo-useFetch and web-useFetch. This is a perfect example of how we can share code using hooks, we can write the functionality once and reuse them on the web, mobile and wherever you can use React!
-
This Dashboard is connected to the expo-notifications-api, but you can easily change to your own server and reuse all the functionality on this Dashboard and then be able to get the users and send notifications to your own server!
To run this project in the development mode, you'll need to have a basic environment to run a React App, that can be found here.
Also, you'll need to the server running locallyon your network. You can find the server and all the instructions to start the server here.
Cloning the Repository
$ git clone https://github.com/steniowagner/expo-notifications-dashboard
$ cd expo-notifications-dashboard
Installing dependencies
$ yarn
or
$ npm install
With all dependencies installed and the environment properly configured, you can now run the dashboard:
Android
$ yarn start
- React - Build the Dashboard
- Typescript - Programming language used
- MaterialUI - UI using Material Design
- ESlint - Linter
- Prettier - Code Formatter
- Babel - JavaScript Compiler
- Styled-Components - Styles
- Husky - Git hooks
- Lint-Staged - Run linters on git staged files
You can send how many PR's do you want, I'll be glad to analyse and accept them! And if you have any question about the project...
Email-me: stenio.wagner1@gmail.com
Connect with me at LinkedIn
Thank you!
This project is licensed under the MIT License - see the LICENSE file for details.