Back to themes

SorollaPortfolio

This project showcases a potential design for a personal portfolio, featuring block sections with markdown entries with a cool design.

Get started Live demo
Cost

Free

Created by
Jose Ramos Masip

🌐 Personal Portfolio


Welcome to my personal portfolio demo repository! This project is a demonstration of what a personal portfolio could look like. It showcases various aspects of web development, including my work, skills, and projects.


You can view the deployed project at the following URL: https://sorolla.netlify.app/


📂 Project Structure


  • public/: Contains public assets like images and fonts.
  • src/: Includes the source code for the portfolio.
  • .gitignore: Specifies files and directories to be ignored by Git.
  • astro.config.mjs: Configuration file for Astro.
  • package.json: Lists project dependencies and scripts.
  • tailwind.config.mjs: Configuration file for Tailwind CSS.
  • tsconfig.json: TypeScript configuration file.


🧭 /src structure

The /src directory contains the main source code for the project. Below is an overview of its structure:

  • assets: Contains image files used in the project.
  • components: Contains reusable UI components built with Astro.
  • content: Contains blog content in Markdown format.
  • content.config.ts: Configuration file for content collections.
  • icons: Contains SVG icon files used in the project.
  • layouts: Contains layout components.
  • BlogPost.astro: Layout component for blog posts.
  • pages: Contains the main pages of the site.
  • blog/index.astro: Blog index page.
  • blog/[...slug].astro: Dynamic route for individual blog posts.
  • styles: Contains global and component-specific CSS files.
  • global.css: Global styles for the project.
  • hamburgers.css: Styles for the hamburger menu.

This structure helps in organizing the project files and makes it easier to maintain and scale the project.


🚀 Getting Started

To run this project locally:

  1. Clone the repository:
  2. git clone https://github.com/jramma/sorollaportfolio.git
  3. cd sorollaportfolio
  4. Install dependencies:
  5. bun install
  6. Start the development server:
  7. bun dev

The application will be available at http://localhost:4321


🛠️ Technologies Used

  • Astro: A modern static site builder.
  • Tailwind CSS: A utility-first CSS framework.
  • TypeScript: A statically typed programming language.


📄 License

This project is licensed under the MIT License.

Ahora puedes modificarlo como prefieras antes de actualizarlo en el portal de Astro. 🚀

Other themes to consider

View more themes