Coder Social home page Coder Social logo

goodnamecarlos / nikki-my-diary Goto Github PK

View Code? Open in Web Editor NEW

This project forked from yuridevat/nikki-my-diary

0.0 0.0 0.0 19.28 MB

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.

Home Page: https://nikki-my-diary.netlify.app/

License: MIT License

HTML 4.20% CSS 4.71% JavaScript 91.10%

nikki-my-diary's Introduction

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.

nikki-my-diary's People

Contributors

yuridevat avatar imgbotapp 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.