Emmanuel Mendez

Computer Engineer with more than three years of experience creating high performant and user retention pages, sites and web applications using TypeScript and frontend frameworks such as Angular and React, managing global states with NgRx and Redux, documenting UI components in Storybook and unit testing them using Jest, Jasmine and Karma.

Expert in using CSS frameworks and UI component libraries to style and enhance the UX of web applications, such as PostCSS, Sass, CSS Modules, Styled Components, Emotion, Bootstrap, Tailwind CSS and Angular Material.

Able to write clean and scalable code applying best practices, programming principles, object-oriented programming, reactive programming with RxJS, functional programming, design patterns and atomic design.

Powered by Aleayza

Aleayza is a free and open-source template, built with Astro and TypeScript. It serves as a starting point for creating your personal portfolio website or showcasing your projects online. The template is open-source and released under the MIT license, meaning you are free to use, modify, and distribute it for personal or commercial purposes.

Project Structure

Inside the project you'll see the following folders:

.
├── public/
└── src/
    ├── components/
    │   ├── atoms/
    │   ├── molecules/
    │   └── organisms/
    ├── layouts/
    ├── pages/
    └── styles/
        ├── elements/
        ├── generic/
        ├── objects/
        ├── settings/
        ├── tools/
        └── utilities/

Astro looks for .astro or .md files in the src/pages/ directory. Each page is exposed as a route based on its file name.

There's nothing special about src/components/, but that's where I like to put any Astro/React/Vue/Svelte/Preact components.

Any static assets, like images, can be placed in the public/ directory.

Commands

All commands are run from the root of the project, from a terminal:

Command	Action
npm install	Installs dependencies
npm run dev	Starts local dev server at localhost:3000
npm run build	Build your production site to ./dist/
npm run preview	Preview your build locally, before deploying
npm run astro ...	Run CLI commands like astro add, astro check
npm run astro --help	Get help using the Astro CLI