Skip to content

makbn/makbn.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Matt's Awesome Portfolio Website

Welcome to the repository of my personal website, where I showcase my skills, experience, and projects in an interactive and visually appealing way. Built with React, JavaScript, TailwindCSS, and NextUI, this website is a true testament to my passion for web development.

poster

Feel free to fork this repository and use the code as a starting point for your own personal website! You can customize the content, design, and features to fit your needs. I'd love to see what you create, so feel free to share your project with me.

Features

  • 🎨 Modern and responsive design that adapts to different screen sizes
  • 📄 Detailed information about my professional journey, skillset, and projects
  • 🌐 Easy navigation with smooth scrolling and anchored sections
  • 🎉 Interactive animations and effects that bring the website to life

Technologies Used

  • 📚 React: The powerful JavaScript library for building user interfaces
  • 💻 JavaScript: The programming language that adds interactivity and functionality
  • 🎨 TailwindCSS: A utility-first CSS framework for rapid UI development
  • 💎 NextUI: A beautiful and customizable component library for React

Getting Started

You are very welcome to fork or clone and use this template. To run this project locally, follow these simple steps:

  1. Clone the repository: git clone https://github.com/your-username/personal-website.git
  2. Install dependencies: npm install
  3. Start the development server: npm start
  4. Open your browser and navigate to http://localhost:3000
  5. Voilà! You can now explore my website locally 🎉

Deployment

Deploying a React project to GitHub Pages is a breeze! Here's how you can do it:

  1. Run npm run build to create an optimized production build
  2. Install the gh-pages package: npm install gh-pages --save-dev
  3. Add the following scripts to your package.json file:
"scripts": {
  "predeploy": "npm run build",
  "deploy": "gh-pages -d build"
}
  1. Run npm run deploy to deploy!

Read more about React-gh-pages here

License

This project is licensed under the MIT License.

Contact

If you have any questions or would like to get in touch, feel free to reach out to me here.