/nikki-my-diary

Nikki is an online journal, which helps the user improve their Japanese Skills by writing down their thoughts and feelings. Created with ReactJS, Auth0, and TailwindCSS.

Primary LanguageJavaScriptMIT LicenseMIT

Description

Nikki - My Diary is an online journal where users can pen down their thoughts and feelings to improve their Japanese Skills. Nikki (jap. 日記 (Kanji)、 にっき (Hiragana) means diary, and it is still common on Japan to use a diary to write down their daily lifes. Besides studying Japanese Grammar or vocabulary with books, it is highly recommended to write a diary in Japanese language to improve their Japanese skills.

Therefore, Nikki - My Diary is being created. It makes it easy for students to write down their feelings from everywhere, setting reminders to keep progress and motivates the user by sending quotes.

Blog article: Nikki - Online Journal App. A project for the Auth0 x Hashnode Hackathon

Thumbnail

Project Setup

The app contains 3 views:

  • Home view - with description about the app and motivation quotes
  • Profile view - where the user can add their diary entries
  • Calendar view - where the user can set reminders

Techstack: ReactJS, Auth0, TailwindCSS.


Live view by clicking the badge: Netlify Status

You can also clone the project and open it in localhost, or enjoy the preview video below instead 😄

nikki.preview.mov

Dependencies

Getting Started with Create React App

This project was bootstrapped with Create React App.

Getting Started with Auth0

This project uses secure authentication provided by Auht0.

Getting Started with TailwindCSS

This project was styled with TailwindCSS.