https://github.com/billyfrcs/bf

Billy's Personal Portfolio Website.
https://github.com/billyfrcs/bf

cakraui emailjs framer-motion javascript nextjs nodejs portfolio react reactjs threejs vercel vercel-deployment

Last synced: about 1 month ago
JSON representation

Billy's Personal Portfolio Website.

• Host: GitHub
• URL: https://github.com/billyfrcs/bf
• Owner: BillyFrcs
• License: mit
• Created: 2021-10-04T02:29:08.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2024-08-28T13:43:26.000Z (4 months ago)
• Last Synced: 2024-08-28T15:07:42.050Z (4 months ago)
• Topics: cakraui, emailjs, framer-motion, javascript, nextjs, nodejs, portfolio, react, reactjs, threejs, vercel, vercel-deployment
• Language: JavaScript
• Homepage: https://billyfrcs.vercel.app
• Size: 173 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Personal Portfolio Website


My personal portfolio website, which features some of my Github Projects especially my technical skills.

## Stack

- [Next.js](https://nextjs.org/) - A React framework with hybrid static & server rendering, and route pre-fetching, etc.

- [Chakra UI](https://chakra-ui.com/) - A simple, modular and accessible component library for React.

- [Three.js](https://threejs.org/) - 3D library for JavaScript.

- [Framer Motion](https://www.framer.com/motion/) - An animation library for React.

- [EmailJS](https://www.emailjs.com/) - Send Email Directly From JavaScript.

## Project Structure

```

$PROJECT_ROOT

│   # Page files

├── pages

│   # React component files

├── components

│   # Non-react modules

├── lib

│   # Static files for images and 3d model file

└── public

```

## 🛠 Setup And Installation

1. Installation via Node.js with npm package `npm install`

2. Install Next.js with `npm install next`

3. Preview the website, run `npm run dev` and open the `localhost:3000` in the browser.