Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/javianng/memories-hub
MemoryHub: Personalized digital memory repository for couples to curate date itineraries, store images, and cherish moments together.
https://github.com/javianng/memories-hub
couple reactjs relationship t3-stack trpc typescript
Last synced: 3 days ago
JSON representation
MemoryHub: Personalized digital memory repository for couples to curate date itineraries, store images, and cherish moments together.
- Host: GitHub
- URL: https://github.com/javianng/memories-hub
- Owner: javianng
- License: mit
- Created: 2024-02-28T17:26:43.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-04-14T07:14:03.000Z (8 months ago)
- Last Synced: 2024-11-02T03:23:50.659Z (about 2 months ago)
- Topics: couple, reactjs, relationship, t3-stack, trpc, typescript
- Language: TypeScript
- Homepage: https://memories-hub-zeta.vercel.app
- Size: 6.65 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
MemoriesHub
MemoryHub is a personalized digital memory repository designed to capture and cherish the moments spent with your partner. It serves as a thoughtful gift, enabling users to curate date itineraries and store images accompanied by text descriptions, ensuring that every precious moment is preserved and easily accessible.
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
Table of Contents
## About The Project
![alt text](/public/readme/image.png)
### Built With
- [![Next][Next.js]][Next-url]
- [![React][React.js]][React-url]
- [![tailwindCSS][tailwindCSS-shield]][tailwindCSS-url]
- [![materialUi][materialUi-shield]][materialUi-url]
- [![daisyUi][daisyUi-shield]][daisyUi-url]
- [![planetscale][planetscale-shield]][planetscale-url]
- [![trpc][trpc-shield]][trpc-url]
- [![firebase][firebase-shield]][firebase-url]## Getting Started
To access the deployed / preview, use the following credentials.
- Username: user
- Password: passwordTo get a local copy up and running follow these simple steps.
### Prerequisites
- Set up a firebase application.
- Set up a planetscale account and database.### Installation
1. Clone the repo
```sh
git clone https://github.com/javianng/memories-hub.git
```
2. Install NPM packages
```sh
npm install
```
3. Enter your API in `.env`. You can copy and use the `.env.example` provided wiht your own api keys.
4. In `admin.tsx`, uncomment the codes that are commented out and remove the existing button code.## Usage
### Edge Middleware
![alt text](public/readme/image-1.png)
### Admin Portal
![alt text](public/readme/image-2.png)
- To allow you to add Core Memories and Date Requests and their components.
- Access by going to the .../admin url.
- Disabled by default to prevent my deployed page to be amended.### Core Memories Home Page
![alt text](public/readme/image-3.png)
- Filmstrip aesthetic that links to a dynamic page for each memory
### Core Memory Individual Page
![alt text](public/readme/image-4.png)
### Date Request Home Page
![alt text](public/readme/image-5.png)
![alt text](public/readme/image-8.png)### Date Request Individual Page
![alt text](public/readme/image-6.png)
![alt text](public/readme/image-7.png)## Roadmap
- [x] Full stack application created.
- [ ] Firebase upload in admin portal.See the [open issues](https://github.com/javianng/memories-hub/issues) for a full list of proposed features (and known issues).
## License
Distributed under the MIT License. See `LICENSE.txt` for more information.
## Contact
Javian Ng - [@j_avianzz](https://twitter.com/j_avianzz) - [email protected]
Project Link: [https://github.com/javianng/memories-hub](https://github.com/javianng/memories-hub)
[contributors-shield]: https://img.shields.io/github/contributors/javianng/memories-hub.svg?style=for-the-badge
[contributors-url]: https://github.com/javianng/memories-hub/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/javianng/memories-hub.svg?style=for-the-badge
[forks-url]: https://github.com/javianng/memories-hub/network/members
[stars-shield]: https://img.shields.io/github/stars/javianng/memories-hub.svg?style=for-the-badge
[stars-url]: https://github.com/javianng/memories-hub/stargazers
[issues-shield]: https://img.shields.io/github/issues/javianng/memories-hub.svg?style=for-the-badge
[issues-url]: https://github.com/javianng/memories-hub/issues
[license-shield]: https://img.shields.io/github/license/javianng/memories-hub.svg?style=for-the-badge
[license-url]: https://github.com/javianng/memories-hub/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/javianngzh
[product-screenshot]: images/screenshot.png
[Next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
[Next-url]: https://nextjs.org/
[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://reactjs.org/
[tailwindCSS-shield]: https://img.shields.io/badge/tailwindcss-20232A?style=for-the-badge&logo=tailwindcss
[tailwindCSS-url]: https://tailwindcss.com/
[materialUi-shield]: https://img.shields.io/badge/mui-20232A?style=for-the-badge&logo=mui
[materialUi-url]: https://tailwindcss.com/
[daisyUi-shield]: https://img.shields.io/badge/daisyui-20232A?style=for-the-badge&logo=daisyui
[daisyUi-url]: https://daisyui.com/
[planetscale-shield]: https://img.shields.io/badge/planetscale-20232A?style=for-the-badge&logo=planetscale
[planetscale-url]: https://planetscale.com/
[trpc-shield]: https://img.shields.io/badge/trpc-20232A?style=for-the-badge&logo=trpc
[trpc-url]: https://trpc.io/
[firebase-shield]: https://img.shields.io/badge/firebase-20232A?style=for-the-badge&logo=firebase
[firebase-url]: https://firebase.google.com/