Skip to content

m-GDEV/connectwithmusa.com

Repository files navigation

🌐 connectwithmusa.com - My Personal Website

In development? Website up?
My personal website and side project. You can find a live demo here.

Table of Contents

Screenshot

Project Screenshot

Why I Created this Project

I created this site to really grasp React and the libraries the go with it, this being my second React site. I also had the goal of understanding how the whole new era in web development functions as a whole ecosystem, by that I mean node.js, npm, and managing dependencies, etc. In building this project I learned exactly that. I used TailwindCSS in this project wanting to try something new but being utterly disgusted all the while. The thought of having numerous utilities as class names with extremely long lines made me weary. But now, I completely understand. The ease of this tool is astounding. I aslo used React-Router for routing as well as Vite for tooling. Creating this site has proved ever beneficial and I'm glad I decieded to pursue it. This was a great project and I look forward to continually modifying / completely rebuilding it in the future.

Technologies Used

  • 🔨 React to build the site
  • 💅 TailwindCSS for styling
  • 🔧 Mantine for component library
  • 🚝 React router for page routing
  • 🚀 Vite for the developement server and tooling
  • 😀 Hero Icons for icons
  • ✏️ Contentful for content management
  • 💬 Cusdis for commenting system

Features

  • Fully responsive and mobile-friendly design
  • Connection to Github API to fetch repositories
  • Blog posts fetched from Contentful API
  • Contact form using https://formsubmit.co

How to Run the Project

Clone the repository and then run the following commands in the directory:

yarn
yarn run vite

Inspiration

Inspired by this blog post about creating a React portfolie site written by Reed Barger

Contact

Created by Musa Ahmed. Check out my website: https://connectiwthmusa.com

License

This project is open source and available under the MIT License.


This is the second iteration of my site. You can check out the old version of my site here: https://m-gdev.github.io/connectwithmusa.com/
There is a branch named "old" which includes the source code.