-
Notifications
You must be signed in to change notification settings - Fork 0
/
db.js
77 lines (77 loc) · 5.6 KB
/
db.js
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
// Projects Database
const data = [
{
gridArea: 'p1',
tabIndex: '8',
imageURL:
'images/projects/tecate-supremo-website/tecate-supremo-website-screenshot2.png',
imageAlt: 'Screenshoot of the performers section rendered with JavaScript',
title: 'Music Festival Website',
tech: ['HTML/CSS', 'JavaScript'],
description:
'Demo website inspired on the famous music festival "Tecate Supremo 2023". The design of the site is a Cindy Shin GUI & Graphic Designer creation (riginal template available in the repository\'s README.md). This project aims to show my skills on building a simple but light, fast, and easy to maintain website with basic technologies. With a fully responsive design and key features like dynamic rendering and transitions, this is a little taste of what your website could look like if made by me. You can also find my "Portfolio (this website)" repo in my Github.',
liveLink: 'https://astroboyreloaded.github.io/Music-Festival-Website/',
sourceLink: 'https://github.com/astroboyReloaded/Music-Festival-Website',
},
{
gridArea: 'p2',
tabIndex: '9',
imageURL: 'images/projects/trade-assist-app/trade-assisi-screenshoot2.png',
imageAlt: 'TradeAssist, manage your risk with surgeon-like precision.',
title: 'TradeAssist',
tech: ['HTML/CSS', 'JavaScript'],
description:
'This project is an original design of mine, and it is an App that I actually use on a daily basis. It\'s purpose is to help traders calculate and manage they risk during financial market trades. The project shows my JavaScipt, OOP and Functional Programming skills when it comes to building an app; I deliberately not use any library or framework for this purpose. The app uses the Local Storagefor the DB, and manages shared state across the app. You can save your calculated possitions, reload them, and keep your current balance and risk percentage in memory for future calculations. Additionally, you can copy and paste the values to easily place a position in your favorite App. The project is a work in progress, and currently you will see the most updated version under testing. This project was my first app ever bult 2 months into my programing journey when I first started learning HTML, SCC and JavaScript (today I can\'t beleive that code even worked :D! Original code at: https://github.com/astroboyReloaded/Trade-Assistant/tree/master?tab=readme-ov-file ); I started refactoring this project at the beginning of this year, exactly two years after I learned my first line of code. A React version of this project is the planning, but this one continues to serve a purpose.',
liveLink: 'https://tradeassist2.netlify.app/',
sourceLink: 'https://github.com/astroboyReloaded/Trade-Assistant',
},
{
gridArea: 'p3',
tabIndex: '10',
imageURL: 'images/projects/coin-stats/coin-stats1.png',
imageAlt: 'Temporary project image.',
title: 'CoinStats',
tech: ['React/Redux', 'Linters', 'Jest-Dom'],
description:
' CoinStats is a psudo-replica of the CoinGecko website/app and uses CoinGecko\'s Api to feed data. The purpose of this project is to show my React/Redux skills up untill the moment of creation. The project aims to integrate "D3.js" and "Websockets". The truth is I just wnat to show some skills with this, but I also want to show my interest in the crypto-tech field.',
liveLink: 'https://coinstats-nd4q.onrender.com/',
sourceLink: 'https://github.com/astroboyReloaded/CoinStats',
},
{
gridArea: 'p4',
tabIndex: '11',
imageURL: 'images/projects/Project4.jpg',
imageAlt: 'Temporary project image.',
title: 'Project name goes here',
tech: ['HTML/CSS', 'Ruby on Rails', 'JavaScript'],
description:
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.\bUt aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.',
liveLink: '#',
sourceLink: '#',
},
{
gridArea: 'p5',
tabIndex: '12',
imageURL: 'images/projects/Project5.jpg',
imageAlt: 'Temporary project image.',
title: 'Project name goes here',
tech: ['HTML/CSS', 'Ruby on Rails', 'JavaScript'],
description:
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.\bUt aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.',
liveLink: '#',
sourceLink: '#',
},
{
gridArea: 'p6',
tabIndex: '13',
imageURL: 'images/projects/Project6.jpg',
imageAlt: 'Temporary project image.',
title: 'Project name goes here',
tech: ['HTML/CSS', 'Ruby on Rails', 'JavaScript'],
description:
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.\bUt aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.',
liveLink: '#',
sourceLink: '#',
},
];
export default { data };