Skip to content

luis-codex/anarangel.github.io

 
 

Repository files navigation

⭐ Portfolio UX Ana Rangel

UX Ana Rangel Logo

Behance GitHub Twitch LinkedIn Instagram Discord YouTube

👀 Table of contents


📷 Screenshots

194shots_so

489shots_so

📖 Description

Welcome 🌟 my name is Ana, and i'm a UX Designer learning to program. I decided to undertake this project not only to create my own website and showcase my work, but also to learn how to program it. This is the first version with two sections (Home and About Me), but this page will continue to grow in the future. I chose to make it open source so that the community and anyone who wishes to contribute can feel free to do so. Obviously, those who collaborate will be acknowledged on my website ❤️

🏁 Getting Started

Before starting, here is the figma with the website design:

Figma

Jumpstart your development with astro-starter by setting up your project environment. Here's how to get everything ready:

Create your repository from a template

To make things super easy, we've set up astro-starter as a template repository. This means you can generate a new repository with the same directory structure and files. Follow these steps:

  1. Go to the top right corner of the astro-starter GitHub page and click on "Use this template".
  2. When the menu opens, click "Create new repository from template".
  3. Fill in the repository name and description as you would for any other repo.
Visual Representation

Create from template GIF placeholder

Download your newly created repository

After creating your repository from the astro-starter template, download or clone it to your local machine:

git clone https://github.com/<your-username>/<your-repository-name>.git
cd <your-repository-name>

Replace and with your GitHub username and the name of your newly created repository, respectively.

🚀 Alternative: Clone the Repository

If you prefer to clone the repository directly, you can do so by running the following commands in your terminal:

git clone https://github.com/zyruks/astro-starter.git
cd astro-starter

Install dependencies

Ensure you have PNPM installed, then execute the following command within your project directory to install all necessary dependencies:

pnpm install

Start developing

Now that the dependencies are installed, initiate the development server to bring your project to life:

pnpm run dev

You're all set! Dive into the code and start building something amazing with astro-starter. Happy coding!

⚙️ Commands

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

Command Action
pnpm install Installs dependencies
pnpm run dev Starts local dev server at localhost:4321
pnpm run build Build your production site to ./dist/
pnpm run preview Preview your build locally, before deploying
pnpm run astro ... Run CLI commands like astro add, astro check
pnpm run astro -- --help Get help using the Astro CLI
pnpm run lint Lints the codebase for errors
pnpm run format Formats the codebase using Prettier
pnpm run astro ... Run CLI commands like astro add, astro check
pnpm run astro -- --help Get help using the Astro CLI

💻 Technologies

🚀 Contributing

See contributing guide.

🤝 Code of Conduct

See code of conduct.

❤️ Contributors

Contributos

Made and designed with ❤️ by Ana Rangel and community.

About

Webcite personal para portafolio

Resources

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Astro 83.4%
  • TypeScript 9.0%
  • SCSS 6.1%
  • JavaScript 1.4%
  • CSS 0.1%