https://github.com/yuridevat/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.
https://github.com/yuridevat/nikki-my-diary

auth0 calendar diary-application figma japanese journal localstorage react reactjs tailwindcss

Last synced: 29 days ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/yuridevat/nikki-my-diary
• Owner: YuriDevAT
• License: mit
• Created: 2021-08-06T12:21:35.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-03-15T08:22:35.000Z (over 1 year ago)
• Last Synced: 2024-10-04T13:29:32.392Z (about 2 months ago)
• Topics: auth0, calendar, diary-application, figma, japanese, journal, localstorage, react, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://nikki-my-diary.netlify.app/
• Size: 19.7 MB
• Stars: 19
• Watchers: 1
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# 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](https://yuridevat.hashnode.dev/nikki-online-journal-app)

![Thumbnail](https://github.com/YuriDevAT/nikki-my-diary/blob/main/public/thumbnail-nikki.png)

# 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](https://api.netlify.com/api/v1/badges/f9a7f8d3-58ca-44ed-a038-ae8d2efd31a5/deploy-status)](https://nikki-my-diary.netlify.app/#/)

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

https://user-images.githubusercontent.com/54622834/131357795-922dc916-6b35-49c3-9179-8dbd25fdc459.mov

# Dependencies

## Getting Started with Create React App

This project was bootstrapped with

[Create React App](https://github.com/facebook/create-react-app).

## Getting Started with Auth0

This project uses secure authentication provided by

[Auht0](https://auth0.com/).

## Getting Started with TailwindCSS

This project was styled with

[TailwindCSS](https://tailwindcss.com/docs/guides/create-react-app).