Welcome to Nook, your go-to platform for an immersive and delightful movie exploration experience. Nook is not just another movie website; it's your personalized movie companion designed with a strong focus on providing an exceptional user experience.
-
Explore Limitless Variety: Dive into a vast array of movies, spanning genres, years, and styles. Nook ensures you have access to an extensive collection of films at your fingertips.
-
Smart Search and Discovery: Effortlessly find movies by title, genre. Our intuitive search and discovery features make it easy for you to locate your favorite movies or discover new gems.
-
Create and Curate Lists: Nook allows you to curate your own lists of favorite movies and series. Build a collection that reflects your unique taste and share it with friends.
Nook combines the power of Angular Material and Tailwind CSS to deliver a visually stunning and intuitive user interface. Every click and interaction is crafted to provide a seamless and enjoyable experience, ensuring that your time on Nook is not just about movies but about enjoying the journey of exploration.
Create a personalized account on Nook with AngularFire's authentication system. Log in securely to access your saved lists, preferences, and personalized recommendations.
Built on the robust Firebase infrastructure, Nook ensures reliable and high-performance data storage with Firestore and Firebase Realtime Database. The result is a platform that's not only visually appealing but also quick and responsive.
Experience movies like never before with Nook – where every detail is designed to enhance your enjoyment and appreciation of the cinematic world.
Explore the technologies that power Nook:
- Angular - Version 16.0.0
- Angular/Fire - AngularFire for Firebase integration
- Angular Material - Material Design components for Angular
- Tailwind CSS - A utility-first CSS framework
- Firestore - Firestore for NoSQL database
- Real-time Database - Utilizing Firestore as a real-time data store
- DB Movie API - Integration with the DB Movie API for movie and series data
- Jasmine - Testing framework for JavaScript
Explore the early design concepts and prototypes that shaped the user interface and user experience of Nook.
Visit our Figma Prototype Mobile and Figma Prototype Desktop to interact with the design concepts and prototypes.
Discover the design elements that define Nook's visual identity:
The Nook logo serves as the visual centerpiece, embodying the essence of our platform.
The design of the Nook logo was a thoughtful process, aiming to encapsulate the emotions that movies evoke. Here's how the brand identity was constructed:
-
Emotional Representation: The choice of colors, including the vibrant purples and deep indigos, was made to capture the diverse range of emotions experienced while watching movies.
-
Playful Elegance: The font selection, specifically Roboto, was chosen for its modern and playful characteristics, adding an element of fun to the brand while maintaining a sense of elegance.
-
Meaning Behind the Name: The name "Nook" was selected with the intention of creating a cozy and comfortable space for users, akin to finding a nook to immerse oneself in the world of movies.
-
Balance of Fun and Sophistication: The overall brand identity aims to strike a balance between a playful and entertaining atmosphere, while still maintaining an air of sophistication.
By combining these elements, the Nook logo and brand identity create a visually appealing and emotionally resonant representation of the platform.
- Color Palette:
Discover the design elements that define Nook's visual identity:
| Color Name | Hex Value | RGBA Value | HSLA Value |
|---|---|---|---|
| Purple | #611CA6 |
rgba(97, 28, 166, 1) |
hsla(270, 71, 38, 1) |
| Dark Purple | #431473 |
rgba(67, 20, 115, 1) |
hsla(269, 70, 26, 1) |
| Midnight | #160726 |
rgba(22, 7, 38, 1) |
hsla(269, 68, 8, 1) |
| Dark Indigo | #260C40 |
rgba(38, 12, 64, 1) |
hsla(270, 68, 14, 1) |
| Electric Violet | #9747FF |
rgba(151, 71, 255, 1) |
hsla(266, 100, 63, 1) |
- Font:
Nook is developed and maintained by Maria Orostegui.
- Email: mfop001@gmail.com
- LinkedIn: Maria Orostegui - LinkedIn