This is the repository for my personal portfolio website, built to showcase my skills, projects, and professional experience in software engineering and data science. The site is designed to be clean, modern, and fully responsive.
Live Demo: https://collinsmwangi.up.railway.app/
- HTML5
- Tailwind CSS for the utility-first styling framework.
- PostCSS & Autoprefixer for CSS processing and browser compatibility.
- JavaScript for interactive elements like animations and the mobile menu.
- Serve for serving the static files in a production environment.
- Lucide Icons for clean, consistent iconography.
- Modern & Responsive Design: A mobile-first approach ensures the site looks great on all devices.
- Interactive UI: Smooth, scroll-based reveal animations and subtle hover effects create an engaging user experience.
- Locally Managed Tooling: Uses a professional
npmworkflow to compile and purge Tailwind CSS for optimal performance. - Accessibility & SEO Considered: Implemented with semantic HTML, ARIA labels, and metadata for better accessibility and discoverability.
- Clone the repository:
git clone https://github.com/ny-collins/portfolio.git
- Navigate to the project directory:
cd portfolio - Install the necessary dependencies:
npm install
- Run the Tailwind CSS build command in "watch" mode:
npm run tailwind -- -i ./css/input.css -o ./css/style.css --watch
- Open the
index.htmlfile in your browser.
To preview the site exactly as it would appear when deployed, run the start script.
npm startThis will start a local web server, and you can view the site at the URL provided in your terminal (usually http://localhost:3000).
This project is configured for easy deployment on platforms like Railway. The platform will automatically detect the start script (serve -s .) in the package.json file and use it to launch the static web server after a successful build. No further configuration is needed.