Skip to content

Dennis mercado #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 8 commits into
base: master
Choose a base branch
from
Open

Dennis mercado #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
1054e7f
file structure done - getting ready with the project
denmercs Jun 24, 2019
1f6a95c
working on css style (Goal: responsive design and animation)
denmercs Jun 25, 2019
2948521
done with index.html styling and responsive design. Working on about.…
denmercs Jun 25, 2019
1c3ee41
Done with styling and components, working on animations
denmercs Jun 26, 2019
7a78817
added animations using scrollreveal.js
denmercs Jun 26, 2019
82a177f
done with animation for index and about page. working on hamburger me…
denmercs Jun 27, 2019
e8876be
Done with styling, functionality and responsive design
denmercs Jun 27, 2019
fce53cc
done with the project MVP and stretch
denmercs Jun 28, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
97 changes: 96 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,96 @@
# howto-UI-Dennis
#howto-UI-Dennis

##lPitch: Have a life hack? Share it on how-to. Posts with the most likes/reviews/tried its will be at the top of the feed. Simplifying life for everyone.

1. An on-boarding process for a new general user (user that will consume the service)
2. On-boarding process for user who wants to generate content (i.e. organize how-to tutorials)
3. Ability to easily create / setup a how - to guide
4. Ability to easily edit / delete an a how-to guide
5. Ability to easily view/ search / find /filter how-to guides

###Stretch: Add the ability to add photos and videos to be uploaded


##Proposal

###What problem does your app solve? Be as specific as possible; how does your app solve the problem?

1. Having a lack of information about a problem, task, or new skills.
3. Provides a resource for users to find, share, and create tutorials and “how-to”s on various tasks and problems.

###What is the mission statement?

By alleviating the pain of lacking knowledge, we will give every individual on the planet the assets to learn how to do anything.

##Features

###What features are required for your minimum viable product?

1. Welcoming Interface for new users that differentiates for registered users
2. A way for users to sign up
3. A way for users to add a how to guide
4. Ability to write a guide and choose when guide is published, otherwise it stays in draft.
5. Ability to tag guides and filter through guides with keywords.
6. Ability to edit and delete post.

###Stretch:
Interactive system for guides(ratings).
View users profiles which contain guides.
Comment on guide created.

###What features may you wish to put in a future release?

1. Interactive system for guides(ratings).
2. View users profiles which contain guides.
3. Comment on guide created.


###What do the top 3 similar apps do for their users?

1. WikiHow
2. Udemy
3. Instructables
4. Frameworks - Libraries

###What 3rd party frameworks/libraries are you considering using?

Front-End: React, redux, logger, thunk, material-ui
Backend-End: Express, knex, pg, jsonwebtoken, bcryptjs, jest, supertest

###Do APIs require you to contact its maintainer to gain access?

N/A

###Are you required to pay to use the API?

N/A

###Have you considered using Apple Frameworks? (MapKit, Healthkit, ARKit?)

N/A

##For Data Scientists
- Describe the Established data source with at least rough data able to be provided on day 1.
- You can gather information about the data set you’ll be working with from the project description. Be sure to collaborate with your PM, and your Backend Architect to chat about the resources you have.
- Write a description for what the DS problem is (what uncertainty/prediction are we trying to do here? Sentiment analysis? Why is this a useful solution to a problem?)
- A target (e.g. JSON format or such) for output that DS students can deliver to web/other students for them to ingest and use in the app

##Target Audience

- Who is your target audience? Be specific.
People seeking to make life more efficient and streamline daily tasks.

- What feedback have you gotten from potential users?
N/A

- Have you validated the problem and your solution with your target audience? How?
N/A


##Research

- Research thoroughly before writing a single line of code. Solidify the features of your app conceptually before implementation. Spend the weekend researching so you can hit the ground running on Monday.
Prototype Key Feature(s)

- This is the “bread and butter” of the app, this is what makes your app yours. Calculate how long it takes to implement these features and triple the time estimated. That way you’ll have plenty of time to finish. It is preferred to drop features and spend more time working on your MVP features if needed.

75 changes: 75 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" href="./img/favicon.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css">
<link rel="stylesheet" href="/css/animate.css">
<link rel="stylesheet" href="/css/index.css">
<link href="https://fonts.googleapis.com/css?family=Allerta+Stencil|Old+Standard+TT|Oxygen|Roboto&display=swap" rel="stylesheet">
<script src="js/main.js" async></script>
<title>HowTo ~ minimal. informative</title>
</head>
<body>
<header>
<nav class="container">
<a href="index.html"><img class="logo" src="/img/HowTo Logo.png" alt="How to Logo"></div></a>
<div class="menu-wrap">
<input type="checkbox" class="toggler">
<div class="hamburger"><div></div></div>
<div class="menu">
<div>
<div>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="https://tender-lamarr-7c3eda.netlify.com/">Login</a></li>
</ul>
</div>
</div>
</div>
</div>
<ul class="desktop-menu">
<li><a class="navItem" href="about.html">About</a></li>
<li><a class="navItem" href="https://tender-lamarr-7c3eda.netlify.com/">Login</a></li>
</ul>
</nav>
</header>
<main>
<!-- CAROUSEL COMPONENT -->
<div class="carousel">
<div class="left-button"><</div>
<img class="img-show" src="./img/img-4.jpg" />
<img src="./img/img-5.jpg" />
<img src="./img/img-6.jpg" />
<div class="right-button">></div>
</div>
</div>
<div class="about container">
<h3>About</h3>
<p>HowTo app is a project of Lambda Student's in their build week. The group is composed of Web UI Developer, Front End Developer, Back End Developer and a Team Leader. The goal of this project is to alleviate the pain of lacking knowledge, we will give every individual on the planet the assets to learn how to do anything.</p>
</div>

<!-- TABS COMPONENT -->
<div class="tabs container">
<div class="role">
<div data-tab="all" class="tab active-tab">all</div>
<div data-tab="teamLeader" class="tab">Team Lead</div>
<div data-tab="frontEnd" class="tab">Front-end Developer</div>
<div data-tab="backEnd" class="tab">Back-end Developer</div>
<div data-tab="webui" class="tab">UI / Marketing & Web Design</div>
</div>
</div>
<div class="cards">
</div>


</main>
<footer>
<p>Allrights reserved 2019</p>
</footer>
<script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
<script src="js/animations.js"></script>
</body>
</html>
Loading