Nemwel Relworx Money is a Single Page application that aims to showcase how transactions can be handled in the client side. The application allows users to create accounts, sign in to their accounts and depending on their rights (admin/ user) they can be able to topup or send money to other valid users in the application.
The project makes use of the browser local storage as its database. When the page loads for the first time in a users browser, an admin user called Nemwel Boniface is created and his details is stored in the users browser local storage. The project is hosted on GitHub and is deployed by Netlify.
To plan my tasks, I created a Kanban board where I prioritized and broke the project requirements into small doable chunks of tasks.
The project requirements were as follows:
- Users can create an account and log in.
- Admin can top up money onto a user’s wallet.
- Users can send the money deposited onto their account to another user.
- Users can receive money from another user
- Users can check their new balance
There were constraints as to how the project was supposed to be created:
- Do NOT download or use an already built website template.
- Do NOT use any CSS libraries/frameworks e.g Bootstrap or Materialize.
- Do NOT use frameworks or libraries like JQuery, Angular, Vue or React.
- Use only html , css and javascript to build the prototype.
- Don't build any back end for the prototype , use dummy data or your browser local storage where necessary.
- Deploy the project
Enjoy!
- HTML-5
- CSS3
- Javacript
- Netlify - Deployment
You can create a user by signing up from the sign up form that can be found by clicking the Sign up buttons. Optionally you can sign in using the admin credentials email : nemwelboniface@outlook.com
password : nemwel123
.
Live site URL to the project Live Demo Link
A demo presentation video can be found on my Drive Video presentation video
- To get a local copy up and running follow these simple example steps.
- You only need a browser to run the html file in.
- Create a new folder to store the files in.
- Open your command prompt or terminal and run.
- git clone
git@github.com:Nemwel-Boniface/Relworx_Money.git
. - Navigate to project folder
cd Relworx_Money
- Open with your favourite editor
code .
(Vidual studio code)
- Project is deployed using Netlify
👤 Author1
- GitHub: @Nemwel-Boniface
- Twitter: @nemwel_bonie
- LinkedIn: LinkedIn
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
This project is MIT licensed.