https://github.com/chamal1120/chamalspace

Second attempt at portfolio using React with Vite + BunJS.
https://github.com/chamal1120/chamalspace

axios-react bunjs github-api react

Last synced: about 1 month ago
JSON representation

Second attempt at portfolio using React with Vite + BunJS.

• Host: GitHub
• URL: https://github.com/chamal1120/chamalspace
• Owner: Chamal1120
• Created: 2024-03-19T15:24:20.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-04-05T13:23:10.000Z (9 months ago)
• Last Synced: 2024-10-15T03:02:10.288Z (3 months ago)
• Topics: axios-react, bunjs, github-api, react
• Language: JavaScript
• Homepage: https://chamalspace.vercel.app
• Size: 2.69 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Welcome to Chamalspace!

A react portfolio made using bleeding edge Javascript runtime engine [BunJS](https://bun.sh/) with the help of [ViteJS](https://vitejs.dev/).

> Visit the live link - [chamalspace.vercel.app](chamalspace.vercel.app)

## Preview

![chamalspace portfolio!](/src/assets/images/imagePreview.png "chamalspace preview")

## Technolegies used

- Vite

- React (JSX)

- CSS

- BunJS

- MUI library

- EMailJS

- Axios

- GitHub REST API

- Vercel

- eslint

## How to run and build yourself

1: Clone the repo 



`git clone https://github.com/Chamal1120/ChamalSpace` 



2: Install dependancies 



`bun install`



3: Create a .env file in the root directory for the secrets. (Take below template for the .env file) 



    # Github API Key

    VITE_GITHUB_API_KEY = YouKey

    # EmailJS keys

    VITE_EMAILJS_SERVICE_ID = Yourkey

    VITE_EMAILJS_TEMPLATE_ID = YourKey

    VITE_EMAILJS_PUBLIC_KEY = YourKey




4: Run the development build 



`bun run dev`



5: Build production build 



`bun run build` 



6: Preview production build 



`bun run preview` 



7: Deploy to your choice of hosting platform. 



I have tested this on vercel and it works without a hassle. Linking it with a github repo will automate the production process so whenever you push a change to the repo, vercel will detect it and automatically start deploying a production build.

### Thank you for taking time to read the ReadMe ❤️

You can support me if think my work is helpful 😇