Skip to content

peter-minho-kim-zz/lucidity

Repository files navigation

Lucidity

Introduction

Lucidity is an experimental React application that allows users to document their dreams and track sleeping patterns with statistical data with the intention of helping users become lucid dreamers. (A lucid dream is a dream during which the dreamer is aware of dreaming. During this event, the dreamer may be able to exert some degree of control over the characters, narrative, and environment.)

Lucidity Home Page

How it Works

The key to lucid dreaming is to consistently document one's dreams so that patterns are easily recognized while dreaming. Lucidity provides users with a quick and simple interface that helps them keep track of what they're dreaming about and provides interactive charts and personalized statistics to help measure progress.

Lucidity Dashboard Page

Lucidity Dreams Page

Lucidity Add Dream Page

Home Page Prototype

Lucidity Home Page Wireframe

Dashboard Page Prototype

Lucidity Dashboard Page Wireframe

Dreams Page Prototype

Lucidity Dreams Page Wireframe

Dream Form Prototype

Lucidity Add Dream Page Wireframe

User Flow

Lucidity User Flow

Getting Started

Installing

Clone the repository and download dependencies.

$ git clone https://github.com/peter-minho-kim/lucidity.git
$ cd lucidity
$ npm install

Launching

Start the development server.

$ npm run dev-server

This will automatically open a new browser window with the project.

Testing

Run tests with Jest and Enzyme.

$ npm run test

Built With

License

This project is licensed under the MIT License.

Acknowledgments

Code

Images