My personal website and side project. You can find a live demo here.
- Screenshot
- Why I Created this Project
- Technologies Used
- Features
- How to Run the Project
- Inspiration
- Contact
- License
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.
- 🔨 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
- 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
Clone the repository and then run the following commands in the directory:
yarn
yarn run viteInspired by this blog post about creating a React portfolie site written by Reed Barger
Created by Musa Ahmed. Check out my website: https://connectiwthmusa.com
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.