Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/xdaybreakerx/portfolio
lets get to know each other! find my portfolio here ✨✨✨
https://github.com/xdaybreakerx/portfolio
react sanity-io typescript
Last synced: 16 days ago
JSON representation
lets get to know each other! find my portfolio here ✨✨✨
- Host: GitHub
- URL: https://github.com/xdaybreakerx/portfolio
- Owner: xdaybreakerx
- License: mit
- Created: 2024-09-25T06:56:54.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-28T04:39:35.000Z (2 months ago)
- Last Synced: 2024-10-28T07:37:38.692Z (2 months ago)
- Topics: react, sanity-io, typescript
- Language: TypeScript
- Homepage: https://xandersalathe.netlify.app
- Size: 123 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# portfolio
(=^･ｪ･^=))ﾉ彡 ☆ hi!
This is a personal portfolio web application built using React and TypeScript, styled with CSS, and integrated with Sanity.io as a CMS for managing blog posts. The project is powered by Vite for a quick development experience.
## tech stack
- React:
- JavaScript library for building the user interface.
- TypeScript:
- Adds static typing to JavaScript, improving code quality and developer experience.
- CSS:
- Custom styling for layout and appearance.
- Sanity.io:
- Content management system used to manage and display blog posts.
- Vite:
- Next-generation front-end tooling that provides fast bundling and optimized build for development and production.
## project structure
The project is organized as follows:
```
portfolio/
├── public/ # Static assets
├── src/
│ ├── components/ # Reusable UI components
│ ├── pages/ # Main page components
│ ├── styles/ # CSS files for styling
│ ├── utils/
│ │ └── sanity/ # Sanity client setup for fetching data
│ └── main.tsx # Main application component
└── README.md # Project documentation
```
## setup
1. clone the repo:
```zsh
git clone https://github.com/xdaybreakerx/portfolio.git
cd portfolio
```
2. install dependencies:
```zsh
npm install
```
3. (optional) link to Sanity project with their [getting started guide.](https://www.sanity.io/docs/getting-started-with-sanity)
4. run the app:
```zsh
npm run dev
```
The application should now be running at http://localhost:5173
## deployment
You can deploy this application using services like Netlify, Vercel, or GitHub Pages.
## license
This project is licensed under the MIT License.