Light

fchikwekwe / aurora Goto Github PK

View Code? Open in Web Editor NEW

0.0 2.0 0.0 17.53 MB

Aurora: The Digital Mirror. Our app uses image recognition and other features to help you apply make-up and checkout your look. Check out the link for the latest build. 🌟 Star this repo to keep up with future updates.

Home Page: http://bit.ly/aurora-app

License: MIT License

JavaScript 37.35% CSS 14.34% Less 21.68% SCSS 24.51% Handlebars 2.12%

aurora's Introduction

Aurora: The Digital Mirror

About

Aurora is the modern way to get dolled up! Star this repo for updates. Check out the live version at bit.ly/aurora-app.

Table of contents

Getting Started
Team
License
Screenshot
Installing & Starting
Testing
Built With

Getting Started

The compiled project can be run with the command npm start. Press Ctrl + C to kill http-server process.

Team

Faith Chikwekwe - Back End Lead
Stephanie Cherubin - Front End Lead

License

This project is licensed under the MIT License - see the LICENSE file for details

Screenshot

Planning documents

Built With

This project was built with the help of:

Face-API.js - This API provides comprehensive face detection of up to 68 landmarks. We used the real-time tracking features for live video.
AWS S3 for Photo Storage For Cloud storage
Twitter API w/ npm Twitter For user posting

Installing & Starting

You will need Node.js to install and run scripts.
Clone the project project and run the command npm install.
You can run the command npm start to start a server using nodemon.
Browser access is at http://localhost:3000/.

Testing

No automated tests have been written yet.

aurora's People

Contributors

Watchers

aurora's Issues

Add OAuth with Twitter, Instagram, Snapchat and Facebook APIs

Must Haves:

Twitter
Instagram (can't use)

Stretch Goals (In priority order):

Snapchat
Facebook (can't use)

Style the edit page.

Implement a zoom feature to zoom in to particular parts of face using coordinates

https://www.w3schools.com/howto/howto_js_image_zoom.asp

Create slide deck

Make social media buttons not appear unless the side panel is opened

Add auth so that user can save photos to their profile to share on social media later on

Fade masthead image

Create index page for homepage

Create docsify with robust documentation on product use and development history

Create a mobile version of Wireframe

Complete Amazon Rekognition Tutorial

Fill in repo description

Come up with 2-3 new names each for app

Perfect 10
Makeup Assistant
Beauty Guru
Beauty Buddy
Perfection Plus
Makeup Friend
Makeup Pal
Touch Up
Insta-Perfect
Cam Magic
Pocket Perfection
Make Me Over
Make Me Beautiful
Makeup MIrror
Mirror Mirror
Picture Perfect

Purchase domain name [names considered listed below]

auroramirror.com
auroradigital.app

Expose user object and other data that user can change or edit to dashboard

write out wireframes and decide on high level app design

Add a license

Conduct 3-5 user interviews with women of varying ages and write report

Complete tutorials for Shape Detection API

Add "get started" button at the bottom of onboarding

Deploy v1 to Heroku

When a user clicks back to register after clicking login, the box shortens.

Add special thanks/acknowledgement

write 2-3 user stories

https://docs.google.com/document/d/1v1B4Gf8fTLAxLSwZtnuqddWkrnEPL-8z74Y-H6S7Iqk/edit?usp=sharing

Edit navbar button on scroll

Change from in-line style to css style sheet.

Add user dashboard where user can connect their social media profiles, update their user profile and look at saved photos

Pair code on this.

Implement a zoom feature to zoom in 1x, 2x, 3x

Use zoom in and zoom out with CSS.
https://stackoverflow.com/questions/39858998/zoom-in-and-out-on-mouse-click-with-css

Schedule meetings over spring break

Meeting to conduct user interviews and write user stories
Meeting to test wireframes and review ERDs
discuss UI design decisions and review image recognition API choice
pair coding session to determine file structure and start the app

Place canvas on top of video

Add side panel (dashboard) to /video route

Navbar - add "get started" or "explore" button in menu; fix logo so that it is visible in responsive version of navbar

When a user's information is not correct, it should not redirect.

Figure out Shape Detection API with Chrome Browsers

What are the most common reasons for Shape Detection API not working?
List common reasons why so users can be aware.

Create a mission statement

Deploy v0 to Heroku

Add button description on hover as oppose to tool tip

Research responsiveness with Face-API.js or other available APIS

Create a Mobile First web design of website

plan out ERD and overall resources

https://www.lucidchart.com/documents/edit/97a299c1-4228-445b-9895-d0371d1ef5b8?shared=true&

Implement canvas with Face-API.js

Add ability to snap a photo of the final look within the app, save it, share it and send it

Research and come up with 3-5 options for image recognition API

Boilerplate for Backend and API integration before pair programming on Friday

Write comprehensive testing for all endpoints

Update README with all information including documentation for use and information about API integration

write out basic outline for README leaving room for future information

Research a lighting feature on the browser

Signup and Login form labels should go to the top instead of the bottom

Implement a simple coding example for Shape Detection API

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.