Safe Media, is a web app where users are able to store their online media with a peace of mind that their information is truly secure and private. They will be able to have complete control over who is allowed to view their content, with permissions and authorizations per each user that is invited to see content in our site. (Sharing and Authorizations coming soon...)
View live: Safe Media
- User Sign up and login with email and password (Demo account link provided)
- Create and Delete groups for categorizing your media uploads
- Create and Delete albums to further organization and sort you media uploads
- Create, Delete media uploads in your albums, such as images, audio files, videos (audio files and videos coming soon...)
- The landing page has convinient and clearly designed login and signup buttons, which open a modal to use its functionality.
- To facilitate our user experience, we use wodals for log in and sign up, to avoid loading a whole new page and improve user satisfaction.
- Our user profile page is where our users will be able to categorize their media uploads by creating groups with descriptive icons and customizable category and title names.
- There are also clearly designed logout and home buttons to aid in navigation of the site.
- The logo icon in between the logout and home buttons, also acts as a link to return to the home page.
- There is a clear Create button that will allow our users to create a new group with a conviniently designed modal.
- Our albums page is where our users will be able to further organize their uploads by creating albums within each group with descriptive icons and customizable category and title names.
- There are also clearly designed logout and home buttons to aid in navigation of the site.
- The logo icon in between the logout and home buttons, also acts as a link to return to the home page.
- There is a clear Create button that will allow our users to create a new group with a conviniently designed modal.
- Our media page is where your media will live. Here you will be able to upload your images (audio files, video files and more coming soon...)
- Our users will be able to add a descriptive title to each of their files.
- There are also clearly designed logout and home buttons to aid in navigation of the site.
- The logo icon in between the logout and home buttons, also acts as a link to return to the home page.
- There is a clear Create button that will allow our users to create a new group with a conviniently designed modal.
- After cloning the project, from the Safe Media (root) folder, run in the terminal:
pipenv install
- In the root folder, enter the flask shell by running in the terminal:
pipenv shell
- In the root folder, create the database by running in the terminal:
flask db create
- In the root folder, migrate tables to the database by running in the terminal:
flask db migrate
- In the root folder, seed the database by running in the terminal:
flask seed all
- In the root folder, start the backend by running in the terminal:
flask run
- In the react-app folder, run in the terminal:
npm install
- In the react-app, start the frontend by running in the terminal:
npm start
- In the browser, navigate to 'http://localhost:3000/'
