BabyApp to aplikacja dla rodziców, którzy chcą monitorować rozwój swojego nowo narodzonego dziecka.
- Zapisywanie karmienia (czas trwania, pierś, wypite mleko)
- Zapisywanie zmiany pieluszki
- Zapisywanie wagi
- Zapisywanie kąpieli
- Zapisywanie wizyt lekarskich
- Prowadzenie dziennika rozwoju dziecka
- Przegląd zapisanych danych
Aplikację można obejrzeć tutaj
Można utworzyć własne konto lub skorzystać z konta demo:
- Login: demo
- Hasło: demo
Projekt powstał w oparciu o:
- Scotchbox https://box.scotch.io/
- System logowania i rejestracji Davida Carr’a: https://daveismyname.blog/blog/login-and-registration-system-with-php
Projekt można uruchomić na lokalnym serwerze obsługującym PHP i MySQL (np. Vagrant). Bazę danych można obsługiwać za pomocą klienta MySQL (np. HeidiSQL dla Windows / SequelPro dla Mac OS). instrukcję konfiguracji można znaleźć na stronie Scotchbox i Vagrant.
Do projektu zostały przygotowane pliki package.json i gulpfile.js. Aby postawić stronę lokalnie, należy:
- ściągnąć node_modules:
nmp install
- skompilować SASS:
gulp
Po tym uruchomi się przeglądarka z uruchomionym adresem localhost:3000 z projektem BabyApp (browserSync nie działa przy serwerze na Vagrancie :( )
- Moduł logowania / rejestracji PHP+MySQL (ze strony Davida Carr’a)
- Zapisywanie danych z formularzy do bazy danych poprzez PHP
- Wyświetlanie danych zapisanych w bazie danych poprzez PHP, JSON i AJAX
- Logowanie (localStorage) (nie działa na Safari :()
- Strona główna + formularze
- Podstrony z listami - dla statycznych danych
- Przerobienie obrazków z PNG na SVG lub Webfonts.
- Ogarnięcie wysokości viewportu (nie przewidziano rozdzielczości mniejszych niż HD).
- Dodanie modala z komunikatem o zapisaniu danych.
- Dodanie funkcji usuwania wizyty lekarskiej.
- Back-end z prawdziwego zdarzenia (m.in. ograniczenie liczby plików, być może RESTowe API)
- HTML5
- CSS3 (SASS+gulp)
- RWD
- JavaScript
- jQuery
- AJAX
- JSON
- PHP
- MySQL