https://github.com/xerox563/flashbackfinder
Flashback Finder is a robust web application developed using React, React Router, Redux, JavaScript, Tailwind CSS, and Material-UI. It serves as a comprehensive tool for note-taking and memory management, enhanced with authentication features to ensure user privacy and security.
https://github.com/xerox563/flashbackfinder
authentication material-ui reactjs reactrouter
Last synced: 12 months ago
JSON representation
Flashback Finder is a robust web application developed using React, React Router, Redux, JavaScript, Tailwind CSS, and Material-UI. It serves as a comprehensive tool for note-taking and memory management, enhanced with authentication features to ensure user privacy and security.
- Host: GitHub
- URL: https://github.com/xerox563/flashbackfinder
- Owner: Xerox563
- Created: 2024-06-16T16:24:24.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-06-22T06:08:41.000Z (almost 2 years ago)
- Last Synced: 2025-02-14T08:15:25.693Z (about 1 year ago)
- Topics: authentication, material-ui, reactjs, reactrouter
- Language: JavaScript
- Homepage:
- Size: 332 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Flashback Finder
Flashback Finder is a web application built with React, React Router, Redux, JavaScript, Tailwind CSS, and Material-UI. It serves as a note-taking and memory management tool with authentication capabilities, allowing users to securely create, view, edit, and delete memories.
## Features
- **Authentication**: Secure user authentication using Firebase Authentication.
- **Create**: Create new memories with title, description, and optional image upload.
- **View**: Browse through saved memories with a responsive and intuitive user interface.
- **Edit**: Modify existing memories to update details or add new information.
- **Delete**: Remove memories securely, with confirmation prompts to prevent accidental deletions.
## Technologies Used
- **React**: Frontend framework for building user interfaces.
- **React Router**: Declarative routing for React applications.
- **Redux**: State management for JavaScript apps.
- **Firebase Authentication**: Secure authentication service provided by Firebase.
- **Tailwind CSS**: Utility-first CSS framework for styling.
- **Material-UI**: React components that implement Google's Material Design.
## Getting Started
To get a local copy up and running, follow these steps:
### Prerequisites
Make sure you have Node.js and npm installed on your machine.
## Deployment
The application can be deployed using various platforms. Here are some common deployment methods:
- **Firebase Hosting**: Deploy using Firebase Hosting by linking your Firebase project.
```sh
npm install -g firebase-tools
firebase login
firebase init
npm run build
firebase deploy