Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
118 commits
Select commit Hold shift + click to select a range
5089dfe
adding the basic content and components to the project
HolaCarmensita Apr 16, 2025
788d2eb
added favicon
HolaCarmensita Apr 16, 2025
c01b3a1
nu använder Techniques, ProjectCard och projects projects.json iställ…
HolaCarmensita Apr 17, 2025
2b315d5
GetInTouch hämtar data från profile.json
HolaCarmensita Apr 17, 2025
31ccd22
added aria-labels to links and buttons
HolaCarmensita Apr 17, 2025
1312bfb
added tailwind to the project
HolaCarmensita Apr 17, 2025
308f6d6
Almost forgot the footer, I have a simple one now atleast
HolaCarmensita Apr 18, 2025
0fae16d
Okey so the command npx @tailwindcss/cli init -p, did not work. Chat…
HolaCarmensita Apr 18, 2025
34bc5ba
Got my font to work with tailwind...
HolaCarmensita Apr 18, 2025
76dd8a1
Editor setup tailwind intelliense
HolaCarmensita Apr 18, 2025
afb1a65
deliteed Tailwind and added Styled Components. Did som cleaning up in…
HolaCarmensita Apr 22, 2025
ad44f71
tailwind-styled toogle button is now using Styled Components and is a…
HolaCarmensita Apr 22, 2025
338f8d0
basic css in introsection
HolaCarmensita Apr 22, 2025
e259e7f
nav hidden on mobile
HolaCarmensita Apr 22, 2025
ba1475a
Smooth scroll
HolaCarmensita Apr 23, 2025
4ba213e
Forgot to add skills to skillsCategory
HolaCarmensita Apr 23, 2025
8f33315
made the wacy line under links in Button.jsx
HolaCarmensita Apr 23, 2025
cc6a94d
some changes to button.jsx to look more like figma
HolaCarmensita Apr 23, 2025
76cfe6a
Sociala medier ikonerna är färgade och About me ser helt ok ut på mob…
HolaCarmensita Apr 23, 2025
976d936
added a circle in the background in about me section, just trying it out
HolaCarmensita Apr 23, 2025
cd2d9bc
made a MiddleSection component to fill out the gap between sections a…
HolaCarmensita Apr 23, 2025
7cbc4ab
styling mobile first for skills done 90%
HolaCarmensita Apr 23, 2025
8431757
SkillsCategories ser ut som i figma nu i mobilvy
HolaCarmensita Apr 23, 2025
6ea4e3b
Projects section looks like the mobile figma design
HolaCarmensita Apr 24, 2025
ad50064
added animations and trying them out on AboutMe section
HolaCarmensita Apr 24, 2025
c8b084e
IntersectionObserver added to the navigation
HolaCarmensita Apr 24, 2025
1cb6566
added wrapper to the sections, need some more work in te getintouch
HolaCarmensita Apr 24, 2025
b50aefc
Dont remember what i have done, forgot to commit.... worked with butt…
HolaCarmensita Apr 25, 2025
7f3dcef
SocialMedia.jsx done responsive and animated
HolaCarmensita Apr 28, 2025
abeb1e7
chnaged CSS and layout in about, profileCard and LayoutWrapper
HolaCarmensita Apr 28, 2025
cb4d343
Behövde sära på skills och about me för att få Sociala medierna att h…
HolaCarmensita Apr 28, 2025
50fa7a0
min/max-with fix in the LayoutWrapper.jsx fixed
HolaCarmensita Apr 28, 2025
1b1208e
added some css to Featured Projects, not get fully responsive
HolaCarmensita Apr 28, 2025
0811d2d
Prjects section are now responsive
HolaCarmensita Apr 28, 2025
78fa592
Svg in skills css added
HolaCarmensita Apr 28, 2025
a5423ea
error when deplying to Netflify, navigation component
HolaCarmensita Apr 29, 2025
8c4d20a
CSS for the footer and media query in Skills
HolaCarmensita Apr 29, 2025
3cd7300
animation to HeroAnimation SVG
HolaCarmensita Apr 29, 2025
aa3e6c4
changes some css in intro
HolaCarmensita Apr 29, 2025
cef00bf
Changed the heroanimation a bit
HolaCarmensita Apr 30, 2025
7addd78
fixed scroll bugg in the navigation due to added id-tag in the wrong …
HolaCarmensita Apr 30, 2025
75ac191
delited skilsl from app.jsx
HolaCarmensita Apr 30, 2025
1225285
added a animation to the intro
HolaCarmensita Apr 30, 2025
641fcc1
HolaAnimation is done but now I need to refactor to make Heroanimatio…
HolaCarmensita May 1, 2025
3232c0b
got an build error due to heroAnimation instead of Heroanimation on i…
HolaCarmensita May 1, 2025
8cf49f6
Jjust some StyledComponents fixes in the svgs and Styled props
HolaCarmensita May 1, 2025
09f8e40
Added a UseState to make the Hero know shen to start
HolaCarmensita May 1, 2025
31ac63e
added circle in AboutMe as FigmaDesign
HolaCarmensita May 1, 2025
2e94ef7
changed the color of the rect in heroanimation, hope it will change o…
HolaCarmensita May 1, 2025
1bf41ba
changed my mind, I want to use svg code instead of img
HolaCarmensita May 1, 2025
f8689a4
made the circle a component
HolaCarmensita May 1, 2025
9733593
fixes bug whee the sticky was read in as a reactProp in the DOM inst…
HolaCarmensita May 1, 2025
f79d569
added some circles and made a CircleRight component
HolaCarmensita May 1, 2025
5bee9c5
changed the nav a bit to serach for ids and not sections fot the acto…
HolaCarmensita May 1, 2025
c2cec63
Forgot the overflow hidden on the skills wrapper
HolaCarmensita May 2, 2025
4a248d4
changed rootMargin to:-50% 0px -50% 0px to active the links scroller …
HolaCarmensita May 2, 2025
c2262b3
changed the animations[C
HolaCarmensita May 2, 2025
2866b38
Changed some animations
HolaCarmensita May 5, 2025
9639a53
Changing the profileSection
HolaCarmensita May 5, 2025
b495f9b
I've lost it, tryin gout alot
HolaCarmensita May 6, 2025
c933116
Some editing
HolaCarmensita May 6, 2025
56a3377
Just css
HolaCarmensita May 6, 2025
33e386e
Not responsive, have to do alot of groundwork with grid etc but have …
HolaCarmensita May 6, 2025
ab52f0c
alot of css
HolaCarmensita May 7, 2025
3cef5e2
most of the responsivness work here
HolaCarmensita May 7, 2025
bf0bf30
Just a clamp fix
HolaCarmensita May 7, 2025
1c8d8a5
...
HolaCarmensita May 8, 2025
154c8c8
netlift.toml
HolaCarmensita May 8, 2025
84736d9
Fixed bug with the painted wave, painting to early making it to short
HolaCarmensita May 8, 2025
4dae3aa
Did some flex-work on the projectCard to fit the real projedtimgs
HolaCarmensita May 8, 2025
29b2d0c
changed imgs
HolaCarmensita May 8, 2025
21c134d
added comments
HolaCarmensita May 8, 2025
96216ae
changed the id from intro to helo, maybe not the best for accessibili…
HolaCarmensita May 8, 2025
adc5b22
adding thumbnail etc
HolaCarmensita May 8, 2025
faa60d8
change some content text
HolaCarmensita May 8, 2025
a510a20
Changed some text in profile.jsn and gap in ProfileCard
HolaCarmensita May 8, 2025
6e1103a
css changes amking the aboutme part full hvh on larger screens.
HolaCarmensita May 8, 2025
416733f
t.current += 0.2 changed to o.1
HolaCarmensita May 8, 2025
1629d54
I have to take out skillssectionfrom about when i have time to make t…
HolaCarmensita May 8, 2025
69726d5
Well here we go again, started with one fix and then a saw something …
HolaCarmensita May 9, 2025
4dcfa59
made the circles and socialmedia to use the same visibility code, sho…
HolaCarmensita May 10, 2025
3ad9787
knapp på hero arrow
HolaCarmensita May 10, 2025
a8a2207
Fixed some props errors and animation on profileCard
HolaCarmensita May 11, 2025
1e40ebe
Update README.md
HolaCarmensita May 11, 2025
02ac531
Update README.md
HolaCarmensita May 11, 2025
836e9eb
added a project
HolaCarmensita May 12, 2025
7b3e728
Update projects.json
HolaCarmensita May 12, 2025
5559aee
Add files via upload
HolaCarmensita May 12, 2025
ec6e026
Add files via upload
HolaCarmensita May 12, 2025
822a37c
Update projects.json
HolaCarmensita May 12, 2025
7aa6953
Update projects.json
HolaCarmensita May 12, 2025
d12752b
changed the layoutwrapper and had to fix the css of every section
HolaCarmensita May 19, 2025
65d16ef
Merge branch 'main' of https://github.com/HolaCarmensita/js-project-p…
HolaCarmensita May 19, 2025
1b59eaf
some css
HolaCarmensita May 19, 2025
aed6828
fontsize 16px
HolaCarmensita May 19, 2025
2c4c606
gap in projects
HolaCarmensita May 19, 2025
bae1610
adjudted the padding on h2 tags
HolaCarmensita May 19, 2025
80cdb42
max-width on desktop smaller
HolaCarmensita May 19, 2025
37f96da
added new resume
HolaCarmensita May 20, 2025
81a7450
forgot the pointer-events on SocialWrapper
HolaCarmensita May 20, 2025
675b2dc
the pointer noen moved to the social media not the wrapper
HolaCarmensita May 20, 2025
0b0c770
new data
HolaCarmensita May 20, 2025
f2b30e3
did some changes to the heroAnimation and made it work for phone on l…
HolaCarmensita May 20, 2025
744497e
wanted to make the Arrow to work in a flex but need more time, so now…
HolaCarmensita May 20, 2025
5297bf3
added a min-height 100dvh to layoutwrapper, maybe a misstake
HolaCarmensita May 20, 2025
2fc831f
added even more ugly padding on arrow to not be halfhidden on phone
HolaCarmensita May 20, 2025
d288e70
added even more ugly padding on arrow to not be halfhidden on phone
HolaCarmensita May 20, 2025
32cb8ac
added even more ugly padding on arrow to not be halfhidden on phone
HolaCarmensita May 20, 2025
91810dd
added even more ugly padding on arrow to not be halfhidden on phone
HolaCarmensita May 20, 2025
7b0b111
added a role=img to the div that works as a img due to LightHouse war…
HolaCarmensita Jun 11, 2025
411301e
Changed h4 to h3 to have the right order of headings due to LightHous…
HolaCarmensita Jun 11, 2025
fd2f2fd
feat: Add gallery functionality and new projects
HolaCarmensita Oct 9, 2025
352e458
feat: Update skills and toolbox with new tech
HolaCarmensita Oct 9, 2025
fa8571d
fix: space between number and rem
HolaCarmensita Oct 9, 2025
cbbbc55
simplefied the fallback animation to vanilla css
HolaCarmensita Oct 14, 2025
04093f7
alot of updates
HolaCarmensita Oct 14, 2025
e9994a3
ops i delited the more data, now added again
HolaCarmensita Oct 14, 2025
4eaefa5
contact link styling
HolaCarmensita Oct 14, 2025
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
6 changes: 6 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -1 +1,7 @@
# Portfolio

https://holacarmensita.com/

Missing:
1. A presentation of some thoughts that you have around code. (If you didn't write an article last week - use placeholder text for now). Had a hard time adding a section in my navbar, without messing th elogic up, working on it!
2. Animation inView() seems to not work on mobile, will change it as soon as I can.
45 changes: 45 additions & 0 deletions anteckningar.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
Reminders:
Det är en global CSS-regel, och GlobalStyle är platsen för:

1. Globala variabler (:root)

2. Resets och grunder

3. Responsiva helpers

4. Tillståndsklasser som .dyslexic, .dark, .reduced-motion, etc.



✨ Portfolio - Nice to have features (To Do)

1. 🔁 Text Truncation
- Kortare projektbeskrivningar med "..." vid behov
- CSS eller Tailwind: `truncate` eller `line-clamp`

2. 🎨 Animationer
- Fade in-effekter när komponenter scrollas in
- Hover-effekter på knappar och projektkort

3. 🧭 Smooth Scroll
- Mjuk scrollning vid klick på navigationslänkar
- CSS: `scroll-behavior: smooth` i `html` eller `body`

4. 💡 Dark Mode Toggle
- Lägga till en knapp för att växla mellan mörkt och ljust tema
- Styla med Tailwind's `dark:`-klasser

5. 📱 Responsiv layout
- Säkerställa att portfolion fungerar snyggt på mobil, surfplatta och desktop

6. 🧠 Tillgänglighet
- Fokusringar på interaktiva element
- Alt-texter, aria-labels och korrekt semantik

7. 🧼 Data-driven content
- Byta hårdkodade delar mot innehåll från profile.json och projects.json
- Strukturera props rent och skalbart

8. 🌍 Footer
- Lägg till en footer med copyright, länk till CV eller kontakt

35 changes: 32 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,10 +1,39 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />

<!-- Basic OG tags -->
<meta property="og:url" content="https://holacarmensita.com/intro" />
<meta property="og:type" content="website" />
<meta
property="og:title"
content="Casandra’s Portfolio | Developer with an Eye for Design"
/>
<meta
property="og:description"
content="Hi! I'm a frontend developer. Welcome to my fortfolio!"
/>
<meta
name="description"
content="Casandra’s frontend portfolio showcasing React projects, UX case studies, and more."
/>

<!-- Your thumbnail image: at least 1200×627px for best results -->
<meta property="og:image" content="/thumbnail.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="627" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Portfolio</title>
<link
href="https://fonts.googleapis.com/css2?family=Lexend:wght@400;700&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Belgrano&display=swap"
rel="stylesheet"
/>
<title>¡Hola Carmensita!</title>
</head>
<body>
<div id="root"></div>
Expand Down
8 changes: 8 additions & 0 deletions netlify.toml
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
[build]
command = "npm run build"
publish = "dist"

[[redirects]]
from = "/*"
to = "/index.html"
status = 200
10 changes: 9 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,8 @@
},
"dependencies": {
"react": "^19.0.0",
"react-dom": "^19.0.0"
"react-dom": "^19.0.0",
"styled-components": "^6.1.17"
},
"devDependencies": {
"@eslint/js": "^9.21.0",
Expand All @@ -23,5 +24,12 @@
"eslint-plugin-react-refresh": "^0.4.19",
"globals": "^15.15.0",
"vite": "^6.2.0"
},
"editor.quickSuggestions": {
"strings": true
},
"emmet.includeLanguages": {
"javascript": "javascriptreact",
"javascriptreact": "html"
}
}
Binary file added public/3dspace.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/BEFOREAFTER2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/BeforeAfterLists.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/CoParentingApp.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions public/GithubButton.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/HappyThoughtsApp.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/HomePageDesignFAQ.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/HomePageFAQ.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/HomedesignArticals.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/Ideas.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/ProfilePage.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/beforeAfter.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/browsingIdea.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading