-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdotbeats.html
90 lines (90 loc) · 5.69 KB
/
dotbeats.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Angelica is a front end developer based in Connecticut. Experienced in Javascript, jQuery, and React.js. Loves dogs and collecting sneakers." />
<title>Angelica (Angie) Camacho | Front End Developer</title>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<link href="https://fonts.googleapis.com/css?family=Raleway:400,500,700|PT+Sans+Narrow:700" rel="stylesheet">
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
<link href="css/hamburgers.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<!-- Nav -->
<nav class="nav-subpage">
<div class="nav-left">
<a href="index.html" class="nav-logo">AAC</a>
</div>
<div class="nav-right">
<a href="index.html#about" class="nav-desktop">About</a>
<a href="index.html#featured-projects" class="nav-desktop">Projects</a>
<a href="#contact" class="nav-desktop">Contact</a>
<a href="https://docs.google.com/document/d/1p46mh-ETxsmMYgRzY1581z6JbNiDD0LuPtdet4r5t10/edit?usp=sharing" target="_blank" class="nav-resume nav-desktop"><i class="fas fa-file-alt"></i> Resume</a>
<button class="hamburger hamburger--squeeze" type="button">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
<div class="nav-responsive">
<a href="index.html#about" class="nav-desktop">About</a>
<a href="index.html#featured-projects" class="nav-desktop">Projects</a>
<a href="#contact" class="nav-desktop">Contact</a>
<a href="https://docs.google.com/document/d/1p46mh-ETxsmMYgRzY1581z6JbNiDD0LuPtdet4r5t10/edit?usp=sharing" target="_blank">Resume</a>
<a href="https://github.com/Camacho-A" target="_blank" class="nav-contact"><i class="fab fa-github fa-lg"></i></a>
<a href="https://www.linkedin.com/in/camachoangelicaa/" target="_blank" class="nav-contact"><i class="fab fa-linkedin fa-lg"></i></a>
</div>
</nav>
<!-- Main Section -->
<a href="sneakerevolution" class="project-arrow back"><i class="fas fa-caret-left"></i></a>
<a href="blackjack.html" class="project-arrow forward"><i class="fas fa-caret-right"></i></a>
<div class="section portfolio">
<div class="flex-grid">
<div>
<h1>dotBEATs</h1>
<h4>MERN stack: Mongoose, Express, React, and Node.js</h4>
<h5><b>Role:</b> Release Manager</h5>
<h5><b>Team:</b> <a href="https://github.com/vfuertez">Vincent Fuertez</a>, <a href="https://github.com/rickycary" target="_blank">Richard Cary</a> and <a href="https://github.com/rockcat96" target="_blank">Michelle Chen</a> </h5>
<hr>
</div>
<div class="button">
<a href="https://reliable-marzipan-f9fc1b.netlify.app/" target="_blank">Live Site</a>
<a href="https://github.com/Camacho-A/project3-frontend" target="_blank">Github</a>
<!-- <a href="https://github.com/Camacho-A/project3-backend" target="_blank">Github Backend</a> -->
</div>
<p>Music has the ability to bring people together. It has the power to transcend language barriers, to cross social and cultural boundaries, and to connect people in a way that nothing else can. No matter what your taste in music, there is always a song that can bring people together. Whether it’s a shared love of a particular artist or genre, or simply a catchy tune that gets everyone moving. So next time you’re looking for a way to bond with someone, try sharing a song. You might just find that music is the perfect way to connect with someone on a deeper level.</p>
</div>
<div class="section portfolio">
<p>Our objective was to provide an application for all music lovers to save videos and basic information related to the artist/album. My primary contributions to this project were managing the branches, merging of branches and frontend album hover effect and implementing CRUD routes through React and Mongo. Our group managed workloads through Trello and meet daily to discuses any ideas/changes.</p>
</div>
</div>
<div class="portfolio-images">
<img src="img/dotBEATs.png">
</div>
<div class="portfolio-images">
<img src="img/dotBEATs-mobile.png">
</div>
<!-- Project nav buttons -->
<div class="section project-nav">
<p><a href="index.html#featured-projects">Back to all projects</a></p>
<p><a href="sneakerevolution.html">Previous</a> | <a href="blackjack.html">Next</a></p>
</div>
<!-- Footer -->
<footer id="contact">
<div class="footer-content">
<h4>Let's get in touch.</h4>
<p><a href="https://github.com/Camacho-A" target="_blank"><i class="fab fa-github fa-lg"></i> <span class="icon-label">Camacho-A</span></a></p>
<p><a href="https://www.linkedin.com/in/camachoangelicaa/" target="_blank"><i class="fab fa-linkedin fa-lg"></i> <span class="icon-label">camachoangelicaa</span></a></p>
<p><a href="mailto:[email protected]"><i class="fas fa-envelope fa-lg"></i> <span class="icon-label">[email protected]</span></a></p>
<p><a href="https://docs.google.com/document/d/1p46mh-ETxsmMYgRzY1581z6JbNiDD0LuPtdet4r5t10/edit?usp=sharing" target="_blank"><i class="fas fa-file-alt fa-lg"></i> <span class="icon-label">Download Resume</span></a></p>
</div>
</footer>
<!-- Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="js/script.js" type="text/javascript"></script>
</body>
</html>