-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(app): ✨ add new company and update layout
- Loading branch information
Showing
8 changed files
with
1,266 additions
and
777 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,94 +1,104 @@ | ||
| import { Box, ExperienceSection } from "components"; | ||
| import {Box, ExperienceSection} from 'components' | ||
|
|
||
| const experiences = [ | ||
| { | ||
| name: "Work Experience", | ||
| emoji: "boy-coding", | ||
| name: 'Work Experience', | ||
| emoji: 'boy-coding', | ||
| info: [ | ||
| { | ||
| place: "Work from home", | ||
| date: "Oct 2022", | ||
| topic: "Frontend Developer", | ||
| event: "Timeless", | ||
| eventlink: "https://timeless.co/", | ||
| description: "Working as a Frontend Engineer", | ||
| img: "timeless", | ||
| active: "Present", | ||
| imgAlt: "Image", | ||
| place: 'Mumbai, IN', | ||
| date: 'Nov 2023 - Present', | ||
| topic: 'Fullstack Developer', | ||
| event: 'BarrierBreak', | ||
| eventlink: 'https://www.barrierbreak.com/', | ||
| description: 'Working as a Fullstack Engineer', | ||
| img: 'barrierbreak', | ||
| active: 'Present', | ||
| imgAlt: 'Image', | ||
| }, | ||
| { | ||
| place: "Bangalore,IN", | ||
| place: 'Work from home', | ||
| date: 'Oct 2022 - Oct 2023', | ||
| topic: 'Frontend Developer', | ||
| event: 'Timeless', | ||
| eventlink: 'https://timeless.co/', | ||
| description: 'Working as a Frontend Engineer', | ||
| img: 'timeless', | ||
| imgAlt: 'timeless', | ||
| }, | ||
| { | ||
| place: 'Bangalore,IN', | ||
| date: "March'21 - Sept'22", | ||
| topic: "Software Engineer", | ||
| event: "GlobalLogic", | ||
| eventlink: "https://globallogic.com", | ||
| topic: 'Software Engineer', | ||
| event: 'GlobalLogic', | ||
| eventlink: 'https://globallogic.com', | ||
| description: | ||
| "Migrated a large scale healthcare supplychain management product from AngularJS to Angular.", | ||
| gif: "globallogic", | ||
| 'Migrated a large scale healthcare supplychain management product from AngularJS to Angular.', | ||
| gif: 'globallogic', | ||
| }, | ||
| { | ||
| place: "Mumbai,IN", | ||
| place: 'Mumbai,IN', | ||
| date: "Jun'19 - Jul'19", | ||
| topic: "Internship", | ||
| event: "SlashRTC", | ||
| eventlink: "https://www.slashrtc.com/", | ||
| topic: 'Internship', | ||
| event: 'SlashRTC', | ||
| eventlink: 'https://www.slashrtc.com/', | ||
| description: | ||
| "Develped a dashboard for Dialogflow of a chatbot using ReactJS", | ||
| img: "slashrtc", | ||
| imgAlt: "Image", | ||
| 'Develped a dashboard for Dialogflow of a chatbot using ReactJS', | ||
| img: 'slashrtc', | ||
| imgAlt: 'Image', | ||
| }, | ||
| ], | ||
| }, | ||
| { | ||
| name: "Public Speaking", | ||
| emoji: "fancy-face", | ||
| name: 'Public Speaking', | ||
| emoji: 'fancy-face', | ||
| info: [ | ||
| { | ||
| place: "Bangalore,IN", | ||
| date: "25 Jan 2020", | ||
| topic: "Workshop - Fullstack Webapp using Vue & MongoDB", | ||
| event: "Free Software Movement Karnataka", | ||
| eventlink: "https://fsmk.org", | ||
| place: 'Bangalore,IN', | ||
| date: '25 Jan 2020', | ||
| topic: 'Workshop - Fullstack Webapp using Vue & MongoDB', | ||
| event: 'Free Software Movement Karnataka', | ||
| eventlink: 'https://fsmk.org', | ||
| description: | ||
| "In this 1 week workshop I spoke about how you can make a web application using Vue,MongoDB and NodeJS", | ||
| img: "fsmk2020", | ||
| imgAlt: "Image", | ||
| 'In this 1 week workshop I spoke about how you can make a web application using Vue,MongoDB and NodeJS', | ||
| img: 'fsmk2020', | ||
| imgAlt: 'Image', | ||
| }, | ||
| ], | ||
| }, | ||
| { | ||
| name: "Education", | ||
| emoji: "nerd", | ||
| name: 'Education', | ||
| emoji: 'nerd', | ||
| info: [ | ||
| { | ||
| topic: "Self-learner", | ||
| topic: 'Self-learner', | ||
| about: | ||
| "From each job, class, co-worker, book, article, meet-up or life experience.", | ||
| 'From each job, class, co-worker, book, article, meet-up or life experience.', | ||
| description: | ||
| "This is how I learnt the 80% of what I know now and how I improve it. At the moment I'm learning ", | ||
| learnt: "TypeScript,Angular & Spring Boot", | ||
| gif: "selflearn", | ||
| active: "Always", | ||
| learnt: 'TypeScript,Angular & Spring Boot', | ||
| gif: 'selflearn', | ||
| active: 'Always', | ||
| }, | ||
| { | ||
| place: "Mangalore,IN", | ||
| place: 'Mangalore,IN', | ||
| date: "Aug'16 - Sep'20", | ||
| topic: "Computer Science, Bachelor Degree", | ||
| event: "Vivekananda College of Engineering and Technology", | ||
| eventlink: "https://vtu.ac.in", | ||
| topic: 'Computer Science, Bachelor Degree', | ||
| event: 'Vivekananda College of Engineering and Technology', | ||
| eventlink: 'https://vtu.ac.in', | ||
| description: | ||
| "I studied my university degree under Visvesvaraya Technological University(VTU). Here is what I learnt: ", | ||
| learnt: "Engineering Subjects, Grow as a person", | ||
| img: "vcet", | ||
| imgAlt: "VCET Puttur", | ||
| 'I studied my university degree under Visvesvaraya Technological University(VTU). Here is what I learnt: ', | ||
| learnt: 'Engineering Subjects, Grow as a person', | ||
| img: 'vcet', | ||
| imgAlt: 'VCET Puttur', | ||
| }, | ||
| ], | ||
| }, | ||
| ]; | ||
| ] | ||
| export default function AboutPage() { | ||
| return ( | ||
| <Box as="section" className=" w-full"> | ||
| <ExperienceSection experiences={experiences} /> | ||
| </Box> | ||
| ); | ||
| ) | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,40 +1,35 @@ | ||
| import { Link, Picture } from "components"; | ||
| import {Link, Picture} from 'components' | ||
|
|
||
| export default function AboutMe() { | ||
| return ( | ||
| <div className="flex flex-col justify-center items-start mx-auto mt-8"> | ||
| <div className="flex flex-col-reverse w-full sm:flex-row items-center"> | ||
| <div className="flex flex-col pr-8 "> | ||
| <div className="flex flex-col justify-center items-center mx-auto"> | ||
| <div className="grid w-full gap-6 sm:grid-flow-col"> | ||
| <div className="flex flex-col items-start justify-center gap-1.5 rounded-3xl p-6 border-[0.5px] dark:border-black-600 border-black-200 dark:bg-black-800 bg-black-100"> | ||
| <div className="text-5xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-yellow-400 via-purple-500 to-green-400 dark:from-yellow-300 dark:via-purple-400 dark:to-green-300"> | ||
| Criston Mascarenhas | ||
| </div> | ||
| <div className="text-sm font-medium pl-1 dark:text-black-200"> | ||
| Frontend Developer at{" "} | ||
| Fullstack Developer at{' '} | ||
| <Link | ||
| href="https://timeless.co" | ||
| href="https://barrierbreak.com" | ||
| className="font-bold dark:text-black-200 | ||
| hover:text-slate-900 hover:dark:text-black-100 capitalize transition duration-700 ease-in-out" | ||
| > | ||
| Timeless.co | ||
| BarrierBreak | ||
| </Link> | ||
| </div> | ||
| <div className="text-sm font-medium pl-1 dark:text-black-200"> | ||
| Working mostly on React, Next.js, TypeScript, React-Native, and TailwindCSS. | ||
| Working mostly on React, Next.js, TypeScript, React-Native, and | ||
| TailwindCSS. | ||
| </div> | ||
| <div className="text-md mt-4 font-semibold italic text-gray-400"> | ||
| "Make it work, make it right, make it fast. " - Kent Beck | ||
| </div> | ||
| </div> | ||
| <div className="mb-8 md:ml-auto w-45"> | ||
| <Picture | ||
| src="https://avatars.githubusercontent.com/u/20360870?v=4" | ||
| className="inline-block w-full rounded-full" | ||
| alt="crstnmac" | ||
| width="100" | ||
| height="100" | ||
| /> | ||
| </div> | ||
| <div className="hidden md:block border-[0.5px] h-40 sm:h-auto dark:border-black-600 border-black-200 rounded-3xl bg-[conic-gradient(var(--tw-gradient-stops))] from-yellow-600 to-black-100"></div> | ||
| <div className="hidden md:block border-[0.5px] h-40 sm:h-auto dark:border-black-600 border-black-200 rounded-3xl bg-[conic-gradient(var(--tw-gradient-stops))] from-purple-600 to-black-100"></div> | ||
| <div className="hidden md:block border-[0.5px] h-40 sm:h-auto dark:border-black-600 border-black-200 rounded-3xl bg-[conic-gradient(var(--tw-gradient-stops))] from-green-600 to-black-100"></div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| ) | ||
| } |
Oops, something went wrong.
c5fe034There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Successfully deployed to the following URLs:
crstnmac-github-io – ./
crstnmac-github-io-git-main-criston.vercel.app
crstnmac-github-io.vercel.app
crstnmac-github-io-criston.vercel.app