Kidlog app is a fullstack web application for parents who want to document their children's progress in https://stages.academy/ online course.

The app is live in Heroku server: https://www.kidlog.app/

user: [email protected] pass: pass1234

• Node.js
• Express
• Mongoose
• MongoDB
• Multer
• Bcrypt
• Cloudinary
• Basic-auth

• Reactjs
• HTML5
• CSS
• SASS Modules
• Axios
• Formik
• Yup

Main posts feed gets the data from the Mongo Atlas database as well as default photo from Unsplash API in case the user didn't upload a photo. All the routes except the login, sign up and forgot password are private routes which are authenticated and authorized by the API and client.

The user is able to add and edit post, and also preview the uploaded image on the form before submitting the post. On the client, the form fields are validated by Yup library, which enables us to ensure that the data sent to the API is validated correctly.

After submitting a new post, a feedback modal appears to extract data from the user.

Sign up form is divided into two parts, the user account basic details, and the list of children to add into the user/parent account. This list will be used on the post feed and the add/edit post.

Acount area is divided into two parts, the first one contains the user's details, the second contains the childrens' details. Both can be edited.