Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mguardia10/portfolio
My personal website
https://github.com/mguardia10/portfolio
framer-motion javascript portfolio-website radix-ui react-router reactjs tailwindcss vitejs
Last synced: 2 months ago
JSON representation
My personal website
- Host: GitHub
- URL: https://github.com/mguardia10/portfolio
- Owner: MGuardia10
- Created: 2024-08-30T09:20:02.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-02T11:23:38.000Z (4 months ago)
- Last Synced: 2024-10-16T19:06:30.888Z (3 months ago)
- Topics: framer-motion, javascript, portfolio-website, radix-ui, react-router, reactjs, tailwindcss, vitejs
- Language: JavaScript
- Homepage: https://mguardia.vercel.app/
- Size: 10.5 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My personal Website
My personal portfolio website to showcase my projects and resume. It's design to be simplistic and clean, while easy-configurable through a json file.
# Tech Stack
- [React](https://es.react.dev/) with [Vite](https://vitejs.dev/) (Frontend library)
- [React Router](https://reactrouter.com/en/main) (to configure website routes)
- [Tailwind CSS](https://tailwindcss.com/) (Styling)
- [Radix UI Primitives](https://www.radix-ui.com/primitives) (Headless UI components)
- [Framer motion](https://www.framer.com/) (Animations)# Getting Started
1 - Clone this repository
git clone https://github.com/MGuardia10/portfolio.git
2 - Navigate to the new directory
cd portfolio
3 - Make sure you have install `Node v20.17.0+` and run this command to start developing process:npm run dev
4 - configure `cv.json` with your personal information and projects.5 - When finish, run the following command and upload `dist` directory in your preferred hosting.
npm run build