Sarah Johnson

Data Analyst | Data Scientist

2 Years of Experience in Data-Driven Decision Making

\n\n

About Me

\n Passionate data analyst with expertise in transforming complex datasets \n into actionable insights. Skilled in statistical analysis, machine learning, \n and creating compelling data visualizations that drive business strategy.\n

\n\n

Technical Skills

\n {skills.map(skill => (\n

{skill}

\n ))}\n

\n\n

Featured Projects

\n {projectData.map(project => (\n \n ))}\n

\n\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n Sarah Johnson - Data Analyst Portfolio\n \n \n \n \n \n \n \n

\n \n \n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n font-family: 'Inter', sans-serif;\n line-height: 1.6;\n margin: 0;\n background-color: #f4f7f6;\n color: #333;\n}\n\n.portfolio-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n}\n\n.profile-header {\n display: flex;\n align-items: center;\n background-color: #ffffff;\n padding: 30px;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n margin-bottom: 30px;\n}\n\n.profile-image {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n margin-right: 30px;\n object-fit: cover;\n}\n\n.header-content h1 {\n margin: 0;\n color: #2c3e50;\n}\n\n.header-content h2 {\n margin: 10px 0;\n color: #34495e;\n font-weight: 400;\n}\n\nsection {\n background-color: white;\n border-radius: 10px;\n padding: 30px;\n margin-bottom: 20px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\nsection h2 {\n border-bottom: 2px solid #3498db;\n padding-bottom: 10px;\n color: #2c3e50;\n}\n\n.skills-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.skill-tag {\n background-color: #3498db;\n color: white;\n padding: 5px 10px;\n border-radius: 20px;\n font-size: 0.9em;\n}\n\n.projects-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n}\n\n.project-card {\n border: 1px solid #ecf0f1;\n border-radius: 10px;\n overflow: hidden;\n transition: transform 0.3s ease;\n}\n\n.project-card:hover {\n transform: scale(1.05);\n}\n\n.project-image {\n width: 100%;\n height: 250px;\n object-fit: cover;\n}\n\n.project-details {\n padding: 15px;\n}\n\n.technologies {\n display: flex;\n flex-wrap: wrap;\n gap: 5px;\n margin-top: 10px;\n}\n\n.tech-tag {\n background-color: #e7f3fe;\n color: #2980b9;\n padding: 3px 8px;\n border-radius: 15px;\n font-size: 0.8em;\n}\n\nfooter {\n text-align: center;\n padding: 20px;\n background-color: #2c3e50;\n color: white;\n}\n\n.contact-info {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin-bottom: 15px;\n}\n\n.contact-info a {\n color: white;\n text-decoration: none;\n font-size: 1.2em;\n}\n\n@media (max-width: 768px) {\n .profile-header {\n flex-direction: column;\n text-align: center;\n }\n\n .profile-image {\n margin-right: 0;\n margin-bottom: 20px;\n }\n}\n`;","deleted","label","children",[],[152],"files",[150],"counts",{"_173":31,"_174":159,"_175":31,"_176":31},"pulls","branches","forks","envVars","contents",[179],{"_107":151,"_100":152,"_153":119,"_154":-5,"_155":140,"_156":139,"_157":121,"_109":180,"_104":159,"_160":161,"_162":163,"_164":27,"_165":-5,"_103":181},["D",1742847836952],[152],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name._index",{"_98":99,"_100":101,"_102":-7,"_104":-7,"_105":189,"_177":193,"_196":-7,"_197":-5,"_198":-5,"_169":199,"_203":204},{"_107":108,"_100":101,"_109":190,"_111":-5,"_112":27,"_113":114,"_115":-5,"_116":-5,"_12":117,"_118":119,"_120":121,"_122":-5,"_123":31,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_133":27,"_21":191,"_137":192},["D",1746134282690],{"_98":99,"_135":136},{"_104":139,"_100":42,"_107":140,"_141":108,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":101,"_147":99},[194],{"_107":151,"_100":152,"_153":119,"_154":-5,"_155":140,"_156":139,"_157":121,"_109":180,"_104":159,"_160":161,"_162":163,"_164":27,"_165":-5,"_103":195},[152],"readme","upstream","pull",[200],{"_107":151,"_100":152,"_153":119,"_154":-5,"_155":140,"_156":139,"_157":121,"_109":158,"_104":159,"_160":161,"_162":163,"_164":27,"_165":-5,"_166":201,"_103":202},[],[152],"previews",[200],"routes/_app","actionData","errors"]