- complete onyx design template

- implement public sharable urls
- implement more actions
This commit is contained in:
Amruth Pillai
2020-07-11 20:42:16 +05:30
parent 0b5653fab5
commit 5ec1f21bd3
55 changed files with 1025 additions and 412 deletions

256
src/data/demoState.json Normal file
View File

@ -0,0 +1,256 @@
{
"awards": {
"heading": "Awards",
"items": [
{
"awarder": "Google",
"date": "2019-04-01",
"id": "6f857f2b-6312-4a0d-907d-2e17991954eb",
"summary": "",
"title": "International Flutter Hackathon '19"
},
{
"awarder": "Venturesity",
"date": "2016-06-01",
"id": "f6efa3f9-9741-4e36-a538-ba0d9779bc61",
"summary": "",
"title": "Venturesity Banyan Hack '16"
}
],
"visible": true
},
"certifications": {
"heading": "Certifications",
"items": [
{
"date": "2018-02-01",
"id": "d2ec12bc-7876-46bc-afd4-11ae06faf3bd",
"issuer": "Google",
"summary": "",
"title": "Applied CS with Android"
},
{
"date": "2019-06-01",
"id": "f8312288-53ae-4504-a768-4b67aea95926",
"issuer": "Udemy",
"summary": "",
"title": "Data Science & Machine Learning using Python"
}
],
"visible": true
},
"education": {
"heading": "Education",
"items": [
{
"degree": "Bachelor's Degree",
"endDate": "2018-04-01",
"field": "Computer Science & Engineering",
"gpa": "9.2",
"id": "c42e2a5a-3f0d-497e-838b-ac2019dcf045",
"institution": "Dayananda Sagar College of Engineering",
"startDate": "2015-04-01",
"summary": ""
},
{
"degree": "Diploma",
"endDate": "2015-04-01",
"field": "Computer Science",
"gpa": "9.8",
"id": "278490a2-c327-4e83-8be8-adf913a9b36c",
"institution": "Dayananda Sagar Institute of Technology",
"startDate": "2012-04-01",
"summary": ""
}
],
"visible": true
},
"hobbies": {
"heading": "Hobbies",
"items": [
{ "id": "92c35e3b-6cd7-4cea-b505-61347ec61b68", "name": "Photography" },
{
"id": "d36f2089-93a9-4f30-a425-3dd81c6b89df",
"name": "Playing Badminton"
},
{
"id": "d1da41a9-ae83-48fb-8047-d45ebd869a69",
"name": "Working on Personal Projects"
}
],
"visible": true
},
"languages": {
"heading": "Languages",
"items": [
{
"fluency": "Very Fluent",
"id": "78d8cf32-84c7-431d-969b-fdf277968026",
"name": "English"
},
{
"fluency": "Native Tongue",
"id": "9e0bd5ed-b88d-4046-8fb9-ecba54d29924",
"name": "Tamil"
},
{
"fluency": "Native Tongue",
"id": "cb895aa9-c485-4bf3-a9e3-08e8f219451a",
"name": "Kannada"
},
{
"fluency": "Learning on Duolingo",
"id": "8fff60fc-0cd6-47e2-b64f-fb249d1af0d1",
"name": "German"
}
],
"visible": true
},
"metadata": {
"colors": {
"background": "#FFFFFF",
"primary": "#009688",
"text": "#212121"
},
"font": "Open Sans",
"layout": [
["objective", "work", "education", "projects"],
["hobbies", "languages"],
["skills", "certifications", "awards", "references"]
],
"template": "onyx"
},
"objective": {
"body": "I'm Amruth Pillai, and as you might have already read, I'm a designer, developer, photographer and a writer. This website was made to showcase all of what I can do and plan to do. Don't judge my writing based on this section though, this is by far my shoddiest work yet.\n \nI got into design because I consider myself a pseudo-perfectionist, if that's even a word? As in, I hate to see things 'not look good'. So I set out on a journey to make products that people use that 'look great', and I'm forever on that path.",
"heading": "Objective",
"visible": true
},
"profile": {
"address": {
"city": "Bangalore, India -",
"line1": "#5/A, Banashankari Nivas,",
"line2": "Brindavan Layout, Subramanyapura,",
"pincode": "560061"
},
"email": "hello@amruthpillai.com",
"firstName": "Amruth",
"heading": "Profile",
"lastName": "Pillai",
"phone": "+91 98453 36113",
"photograph": "https://firebasestorage.googleapis.com/v0/b/rx-resume.appspot.com/o/users%2FNriQrOfocnfTtoRIpR3qEtHNxYq1%2Fphotographs%2Fx7vvg8?alt=media&token=99df9c05-f5e1-4360-b1e8-5c13ddd8cd84",
"profile": "",
"subtitle": "Full Stack Web Developer",
"website": "amruthpillai.com"
},
"projects": {
"heading": "Projects",
"items": [
{
"date": "2020-07-01",
"id": "c768dcca-90f5-4242-a608-6759b4f667fb",
"link": "https://github.com/AmruthPillai/Reactive-Resume",
"summary": "Reactive Resume, a free and open-source resume builder that works for you. A few of the important features that make it awesome are minimalistic UI/UX, extensive customizability, portability, regularly updated templates, etc.\n\nFor more information, check out [rxresu.me](https://github.com/AmruthPillai/Reactive-Resume)",
"title": "Reactive Resume"
},
{
"date": "2020-04-01",
"id": "6ca600b1-c21f-4d7b-8431-f7144d537dd3",
"link": "https://amruthpillai.com",
"summary": "Resume on the Web has been a project that I've been focused on since the early 2014s. I didn't want my information to be displayed on just a sheet of paper that only HRs or Talent Scouts had the privilege of reading, I wanted it to be accessible to everyone. And that's how this project was conceptualized.",
"title": "Resume on the Web"
}
],
"visible": true
},
"public": true,
"references": {
"heading": "References",
"items": [
{
"email": "willywonka@goldenticket.com",
"id": "168339fd-3c4b-4f2f-bd3a-ef184be81700",
"name": "Willy Wonka",
"phone": "+1 (802) 234-2398",
"position": "CEO at Chocolate Factory",
"summary": ""
},
{
"email": "elanmusk@nottesla.com",
"id": "350465b9-9989-43cc-b97e-4115b8980304",
"name": "Elangovan Musk",
"phone": "+91 93893 34353",
"position": "CEO at Newton Motors",
"summary": ""
}
],
"visible": true
},
"skills": {
"heading": "Skills",
"items": [
{
"id": "54e5bceb-d0e9-4f04-98d1-48a34f7cf920",
"level": "Advanced",
"name": "ReactJS"
},
{
"id": "f0274f62-2252-4cc0-bf12-9e1070942c50",
"level": "Advanced",
"name": "Angular"
},
{
"id": "689e2852-df1b-4d41-bda8-c41c88196264",
"level": "Advanced",
"name": "Flutter"
},
{
"id": "3a4f73b1-50c1-4a85-a4b0-2a55dfe5053a",
"level": "Novice",
"name": "Machine Learning"
}
],
"visible": true
},
"social": {
"heading": "Social",
"items": [
{
"id": "a72107fa-a4a5-407d-9e85-39bdb9c0b11a",
"network": "Twitter",
"url": "https://pillai.xyz/twitter",
"username": "KingOKings"
},
{
"id": "1dd46fdd-b3a3-4786-89ce-2e77c0823aba",
"network": "LinkedIn",
"url": "https://pillai.xyz/linkedin",
"username": "AmruthPillai"
}
],
"visible": true
},
"work": {
"heading": "Work Experience",
"items": [
{
"company": "Postdot Technologies Pvt. Ltd.",
"endDate": "",
"id": "d7c64937-0cb9-41b1-a3a6-0679c882fe63",
"position": "Full Stack Web Developer",
"startDate": "2020-06-08",
"summary": "Postman is a great tool when trying to dissect RESTful APIs made by others or test ones you have made yourself. It offers a sleek user interface with which to make HTML requests, without the hassle of writing a bunch of code just to test an API's functionality.",
"website": "https://postman.com"
},
{
"company": "GoDhiyo Solutions Pvt. Ltd.",
"endDate": "2020-04-01",
"id": "f5c5dcfe-2a60-4169-a2f1-b305355518ea",
"position": "Full Stack Web Developer",
"startDate": "2018-07-01",
"summary": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi laoreet volutpat lacus, sed tempor lacus eleifend feugiat. Pellentesque molestie libero ac varius finibus. Fusce convallis, arcu sit amet lacinia vehicula, nisl justo egestas tortor.\n\n- In vestibulum eros a enim rhoncus\n- Phasellus ullamcorper magna quis est sagittis",
"website": "https://dhiyo.ai"
}
],
"visible": true
}
}

View File

@ -1,7 +1,6 @@
import leftSections from './leftSections';
const initialState = {
id: '',
profile: {
heading: 'Profile',
photograph: '',
@ -38,6 +37,11 @@ const initialState = {
visible: true,
items: [],
},
projects: {
heading: 'Projects',
visible: true,
items: [],
},
awards: {
heading: 'Awards',
visible: true,
@ -68,7 +72,6 @@ const initialState = {
visible: true,
items: [],
},
name: '',
metadata: {
template: 'onyx',
font: 'Montserrat',
@ -79,7 +82,7 @@ const initialState = {
background: '#FFFFFF',
},
},
createdAt: new Date(),
public: true,
updatedAt: new Date(),
};

View File

@ -1,6 +1,6 @@
import { AiFillSafetyCertificate, AiOutlineTwitter } from 'react-icons/ai';
import { BsTools } from 'react-icons/bs';
import { FaAward, FaUserFriends } from 'react-icons/fa';
import { FaAward, FaUserFriends, FaProjectDiagram } from 'react-icons/fa';
import {
IoLogoGameControllerB,
IoMdBriefcase,
@ -40,6 +40,12 @@ export default [
icon: MdSchool,
event: ModalEvents.EDUCATION_MODAL,
},
{
id: 'projects',
name: 'Projects',
icon: FaProjectDiagram,
event: ModalEvents.PROJECT_MODAL,
},
{
id: 'awards',
name: 'Awards',