https://github.com/sirboltzmann/cosmic-dream
(Still under development) Un diario interactivo donde cada pensamiento es un asteroide flotando suavemente en una galaxia en calma. Built in Next.js & TailwindCSS.
https://github.com/sirboltzmann/cosmic-dream
firebase nextauth nextjs note-app space tailwindcss tsx typescript universe
Last synced: 3 months ago
JSON representation
(Still under development) Un diario interactivo donde cada pensamiento es un asteroide flotando suavemente en una galaxia en calma. Built in Next.js & TailwindCSS.
- Host: GitHub
- URL: https://github.com/sirboltzmann/cosmic-dream
- Owner: SirBoltzmann
- Created: 2025-07-19T17:39:03.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2025-09-11T19:02:28.000Z (4 months ago)
- Last Synced: 2025-09-11T22:10:59.215Z (4 months ago)
- Topics: firebase, nextauth, nextjs, note-app, space, tailwindcss, tsx, typescript, universe
- Language: TypeScript
- Homepage: https://cosmic-dream-liard.vercel.app
- Size: 4.17 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌌 **Cosmic Dream**
An interactive and intimate diary where every thought is an foreign asteroid floating in a calm galaxy.. A poetical experience for those who love watching the cosmos every night.. to dive in your cosmic dream...
Un diario íntimo e interactivo donde cada pensamiento es un asteroide errante flotando en una galaxia en calma.
Una experiencia poética para explorar tu propio cosmos interior....
---
## ✨**📋 Inspiration & MVP (minimum viable product)**
**Inspiration and Mission:**
Make a private and personal space where thoughts and secrets can be visualised as glowing asteroids drifting away through the galaxy..
Crear un espacio personal donde los pensamientos y reflexiones se visualicen como asteroides luminosos flotando lentamente sobre una galaxia giratoria..
**MVP:**
- Render and show existing notes and thoughts from our Database of registered and logued users.
- Visualize every note/thought as a floating asteorid...
- Every asteroid shows a modal with all its content (title, content, images, etc) and plays a song (soon), all when clicked.
- Save data on the Cloud.
- Save users data with a Log-in/Log-out system.
**Nice-to-have (soon...):**
- Share thoughts with other users.
- Inserts Images in a note/thought.
- Create more text edition options in the Editor like custom font sizes (h2, h3), etc.
---
## ✨** File Structure 🗂️**
```
src
/app/ # Main Routes
page.tsx # Main note page
favorites.tsx # Favorite notes
archive.tsx # Archived notes
trash bin.tsx # Deleted notes
setting.tsx # Settings
aboutMe.tsx # About me (The Developer <3)
FollowMe.tsx # Follow me (you can ^^)
/components/ # Reusable components
notes/
NoteCard.tsx
NoteEditor.tsx
NoteModal.tsx
NotesList.tsx
ui/
Buttons.tsx
SideBar.tsx
TopBarTrigger.tsx
/styles/ # Global styles
globals.css
/public/ # Static..
/images/ # Imágenes de respaldo
/videos/ # Video de la galaxia
/sounds/ # Sonidos de los asteroides
/data/ # NOT USED YET
/utils/ # NOT USED YET
/hooks/ # NOT USED YET
```
---
## **🛣️ Roadmap 🌌**
### 🌱 Stage 1: Basic App Structure & UI (We're here yet... <3)
- [x] Config Next.js + Tailwind.
- [x] Define color palette, styles and fonts.
- [x] Create the main page.
- [x] Code the logic for creating, editing and deleting notes.
- [ ] Create every page and its content.
### 🌷 Stage 2: Improve UX/UI and Code Elegant Animations
- [ ] Improve UI (responsiveness, etc)
- [ ] Change the Note Card UI from a Classic Note to an Asteroid.
- [ ] Make asteroids float.
- [ ] Create animations.
### 🌻 Stage 3: Improve and Scalability
- [ ] Log-In and sessions with NextAuth.
- [ ] User Authentication.
- [ ] Use Firebase as database for storing users data and notes.
---
## **🔑 Log-in and Sessions with Next.js**
### NextAuth.js
- Works pretty good with Next.js's App Router.
- Don't need a separate backend: Run like API Routes inside the app.
### Manage:
- Providers (Google, GitHub, Discord, etc.).
- Login with your own credentials (username/email + password).
- Safe sesions with JWT or Cookies.
- Documentation: next-auth.js.org
- Ready-to-use hooks:
```
import { useSession, signIn, signOut } from "next-auth/react";
```
---