Code Monkey home page Code Monkey logo

bloodapp's Introduction

Reem-AlHarbi || Bloody-App

Motivation:

The website is focused on blood donations. It provides a platform for hospitals to submit blood donation requests for patients needing blood or due to low stock in blood bank. It also provides a destination to good-doers to be able to help and save a life.


Screenshots

  • Wireframe

WireFrame

  • Database Relations

DB


Assets Used

Future Plans:

  • Authorization and confirmation of blood donation from hospitals and official authorities.
  • Add a map of the nearest portable blood bank.
  • Add rules and regulations for blood donation.
  • Add online test "Do i qualify to donate blood?".
  • Add date of last blood donation and a notification of when you're eligible to donate.

Technologies Used:

  • Command Line: used for interacting with the computer, navigating the filesystem.
  • Source Control: used for interaction, management and upload changes on code to Git repository
  • wireframe.cc: used for building the wireframe
  • Visual Studio Code: used for coding with Html, CSS, JQuery and JavaScript
  • Google Chrome Web Browser: used for launching the website
  • Google Chrome Developer Tools: used to debug and solve problems in the code
  • Bootstrap: used for css design
  • loading.io: used for icons
  • Pixlr Photo Editor: used for removing white background from images used
  • Heroku: used for deployment

Installation:

All you need is:

  • Web Browser
  • Internet Connectivity
  • JavaScript support
  • Command Line: Practice interacting with the computer and navigating the filesystem from the command line.
  • Source Control: Manage and interact with a git repository to store changes to code.
  • Programming Fundamentals: Work with objects, constructors, events, while learning how to strategically solve problems and resolve errors.
  • Web Fundamentals: Learn how communication happens over the internet, and how to structure, style, and animate documents within a browser. Also learn how to respond to actions your users take and the data they input into the browser.
  • Browser Applications: Dive into CSS, and figure out how to use libraries and frameworks to get lots of style and functionality for free.
  • Deployment: Host a static web site in a managed hosting environment.
  • Responsive Web Design: Making web applications that respond to device size.
  • Server Side Applications: Server-side scripting is a technique used in web development which involves employing scripts on a web server which produce a response customized for each user's (client's) request to the website.
  • Databases: A structured set of data held in a computer, especially one that is accessible in various ways.
  • SQL: SQL is used to communicate with a database. It is the standard language for relational database management systems. SQL statements are used to perform tasks such as update data on a database, or retrieve data from a database.
  • Ruby: Ruby programming fundamentals including Object Oriented Programming with Classes and Inheritance.
  • Ruby on Rails: A web-application framework that includes everything needed to create database-backed web applications according to the Model-View-Controller (MVC) pattern.

Requirements Met

General Requirements

  • Build a web application from scratch, must be your own work. ✔
  • Use Ruby on Rails framework to build your application ✔
  • Don't use Rails Scaffolding for generating your resources. ✔
  • Deploy on Heroku so application is live on the web ✔
  • Craft a README.md file that explains your app to the world ✔

Technical Requirements

Authentication

  • User must be able to sign up ✔
  • User must be able to sign in ✔
  • User must be able to change password
  • User must be able to sign out ✔

2 extra resources of your choice (other than User)

  • User must be able to create a resource ✔
  • User must be able to edit a resource - (I removed the ability to edit my resource to fit my idea for the project)
  • User must be able to view all resources they created ✔
  • User must be able to view a single resource they created ✔
  • User must not be able to edit or delete other users' resources

Stretch Technical Goals (optional)


“Little things done with love are much better than big things without love.”

This website was created as a part of the learning process at SEI-Eternitiy.

bloodapp's People

Contributors

rem-a avatar

Watchers

James Cloos 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.