Overview

M Haidar Hanif’s personal website is built using React, Remix, Stitches, and Radix UI. It has been deployed to Vercel and can be found on GitHub under the repository named mhaidarhanif-web. This website has gone through multiple rebuilds and utilizes various technologies such as React Router, Framer Motion, Splitbee, and Cloudflare DNS.

Features

• React-based personal website
• Built with Remix, Stitches, and Radix UI
• Deployed to Vercel
• Utilizes React Router for routing
• Styling is done using Stitches and Radix Colors
• Includes animations powered by Framer Motion
• Integrates with Splitbee for analytics tracking
• Uses Cloudflare DNS for domain management

Installation

To run this Remix app locally, follow these steps:

1. Install the project’s local dependencies by running the following command:

npm install

2. Run the Remix development server by executing the following command:

npm start

3. Open your web browser and go to http://localhost:3000 to access the locally running app.

Alternatively, you can use the Vercel CLI command vercel dev instead of npm start if you prefer.

To build the app for production, run the following command:

npm run build

Summary

M Haidar Hanif’s personal website is built using React and various other technologies such as Remix, Stitches, Radix UI, React Router, Framer Motion, Splitbee, and Cloudflare DNS. The website has gone through multiple rebuilds and is deployed on Vercel. The installation process involves installing dependencies, starting the Remix development server, and accessing the app through http://localhost:3000. Alternatively, you can use Vercel CLI commands for local development and deployment.