lexyful / inner-worlds

Table of Contents

• Introduction
• Technologies
• Contributors
• Illustrations
• Deployed Page
• Back End Repo
• Wins
• Challenges & Improvements
• Set Up
• Sources
• Project Spec

Introduction

🪐 Welcome to Inner Worlds, your celestial companion for dream-logging and self-discovery! 🪐

🚀✨ Inner Worlds is here to help you explore and understand the depths of your subconscious mind by logging your dreams and uncovering fascinating insights about your dream patterns and emotions. 😴💭💫

With Inner Worlds, you can:

📝 Record Your Dreams: Capture the essence of your dreams by jotting down vivid descriptions, emotions, tags, lucidity level and any significant details you recall. 🖋️✨

✎Update Your Dreams: Inner Worlds allows you to revisit and update your dreams even after they are recorded. Add new details, insights, or reflections to capture the evolving nature of your dream experiences. 📝✨

📊 Analyze Your Dream Stats: Dive deep into your dream data and discover fascinating patterns, trends, and emotions that emerge from your dreams. Gain valuable insights into your Inner World. 📈🔍✨

🗂️ Organize Dreams with Tags: Tag and categorize your dreams to easily explore specific themes or recurring elements. Uncover hidden connections and symbols. 🔖✨

🌌 Experience Lucidity: Track your lucid dreams and enhance your ability to become aware and control your dreams. Unleash your creativity and embark on incredible adventures within the dream world. 🌠💡✨

Technologies

Contributors

Front End

Lauren Seward	Daniel Curtin	Lexye Jordan
GitHub LinkedIn	GitHub LinkedIn	GitHub LinkedIn

Back End

Jade Stewart	Bobby Luly	Kassandra Leyba	Weston Sandfort	Sam Walker
GitHub LinkedIn	GitHub LinkedIn	GitHub LinkedIn	GitHub LinkedIn	GitHub LinkedIn

Illustrations

Wireframes

Build

Responsive Design

Deployed Page

Our live application can be used HERE!

Back End

Visit our Back End repo!

Wins

• Successful collaboration as a cohesive 8-person full-stack team
• Agile work style embraced with efficiency and adaptability
• Achievement of Minimum Viable Product (MVP) and subsequent extensions
• Seamless integration of GraphQL and Apollo Client
• Utilization of unfamiliar npm packages like chart.js and swiper
• Responsiveness for all screen sizes with complex design

Challenges & Improvements

• Overcoming cache policy challenges and troubleshooting Apollo Client errors
• Implementing Cypress testing with GraphQL integration and proper stubbing
• Adapting to backend data changes and updates
• Future improvements:
  • Adding filter and search functionality within the My Dreams list
  • Expanding options for dream creation and updates to enhance data collection and display
  • Integration of AI for generating image representations from dream descriptions

Set Up

1. Fork this repo
2. Clone the repo to your local machine
3. Run npm i, then npm run build, then npm start
4. View the project in the browser by opening localhost:3000

Sources

• MDN
• W3Schools
• React Docs
• React Router Docs
• GraphQL Docs
• Apollo Client Docs
• Cypress Docs
• Swiper Docs
• Chroma.js Docs
• Chart.js Docs

Project Specs

• The project spec & rubric can be found here