/front-end

Hyper Loom is a fictional world browsing application

Primary LanguageJavaScript

HyperLoom:

Hyperloom is a web based application that leverages ChatGPT and Midjourney to provide users new & expansive fictional worlds. Users are able to browse previously generated worlds or create new ones with the click of a button. Hyperloom aims to foster the imagination and excitement of its users while providing them with high resolution images to give the sense of an immersive experience.

Application is deployed live at:

Hyper Loom

Preview of App:

hyperloom2

Backend Repository

Hyperloom

Contributors:

FE:

BE:

Installation Instructions:

Clone the Repository:

  • git clone < https://github.com/The-Never-Ending-Story/front-end.git >

Navigate to the Project Directory to install dependencies:

  • npm install

Access the Application:

Context:

Hyperloom was created over a 2 week sprint as part of Turing's software development program as part of the final ‘capstone’ project.

Technologies

  • React
  • Router
  • Cypress
  • Redux
  • Framer Motion
  • Github Actions Continuous Integration
  • GitHub Project Board
  • Miro - planning
  • Google Sheets - daily standup

Learning Goals:

The 'Capstone' project is the final project at Turing School of Software and Design's Software development program. It is a group project that is based on an initial application idea pitch and over 9 days is designed, developed, and deployed. This is the first combined team project of back end and front end students. During the process, both the back end and front end teams must chose an unfamiliar technology to implement in their development process.

Challenges & Wins:

This project presented us with the new and unique challenges that come with working on a full stack team. Communicating across time-zones and teams required us to focus alot on communication. Figuring what a viable MVP would consist of highlighted the lack of understanding between teams. There were ideas that BE wanted to do that FE couldn't conceptualize and FE needed specific, considerations about UX/UI that BE hadn't articulated before. In the end we found that checking in during stand ups, having open communication via slack, and performing retros helped us bridge that gap and make a project were all proud of.

One win we all walked away from was the experience of working with new techologies, operating in a full stack team and leveraging AI to build a new expansive project.

Future Feature Ideas:

  • Login feature for persistent world saving
  • User input for customized world generation results
  • Further depth to world characteristics

Testing Instructions:

To run the test suite associated with the classes behind the scenes and how they interact: Run 'npm run cypress' from the terminal while within the main directory of the application and select E2E Testing, and your chosen browser in the following window.