Giter Club home page Giter Club logo

anarangel.github.io's Introduction

โญ 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.

anarangel.github.io's People

Contributors

anarangel avatar colmedev avatar facundodandrea avatar felixicaza avatar gountzjs avatar jagcruz avatar luis-codex avatar odracirdev avatar omaaraguirre avatar sebastianmdb avatar sergioribera avatar zyruks avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.